HTML Image help??
- Started
- Last post
- 3 Responses
- apple776
I am doing a website for a client of mine and they have decided that they DO NOT want to use flash. I have done them layouts etc
Now here is the problem...
They want jpeg images change after x amount of seconds - basically just like a animated gif - when I try to safe as as an animated gif OBVISOUSLY the images look shite!! Is there anyway around this
Thanks
Karlo
- benga0
you'll need to use javascript to swap the jpg image after a given amount of time.....basically the same idea as a rollover image swap but using setTimeout()
- jevad0
jscript in the head:
gSlideshowInterval = 6;
gNumberOfImages = 6;gImages = new Array(gNumberOfImages);
gImages[0] = "graphics/photos/london_color.jp...
gImages[1] = "graphics/photos/london_color2.j...
gImages[2] = "graphics/photos/london_color3.j...
gImages[3] = "graphics/photos/london_color4.j...
gImages[4] = "graphics/photos/london_color5.j...
gImages[5] = "graphics/photos/london_color6.j...function canManipulateImages() {
if (document.images)
return true;
else
return false;
}
function loadSlide(imageURL) {
if (gImageCapableBrowser) {
document.slide.src = imageURL;
return false;
}
else {
return true;
}
}
function nextSlide() {
gCurrentImage = (gCurrentImage + 1) % gNumberOfImages;
loadSlide(gImages[gCurrentImage...
}
gImageCapableBrowser = canManipulateImages();
gCurrentImage = 0;
setInterval("nextSlide()",gSlide... * 1000);and stick this:
name="slide"
in your image tags.
- mitsu0
view source: