I have a div on my homepage and I have several images (lets say 5) that I would like to go there. I would like to know how to put one image there and in 8 seconds it changes to the next and then the next etc. then start over. Can anybody help me?
Javascript Image Changer
- Thread starter seaside
- Start date
- Messages
- 1,682
- Reaction score
- 32
- Points
- 48
I am currently using this one:
http://www.gruppo4.com/~tobia/cross-slide.shtml
http://www.gruppo4.com/~tobia/cross-slide.shtml
- Messages
- 1,682
- Reaction score
- 32
- Points
- 48
well here is an example for the above site. to me its simple and satisfies your needs (transitions and change every 8 seconds)
it stays on the image for 7.5 seconds (sleep) and fades in .5 seconds (fade)
HTML:
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jquery.cross-slide.js"></script>
</head>
<body>
<script type="text/javascript">
jQuery(function() {
jQuery('#imgHold').crossSlide({
sleep: 7.5,
fade: .5
}, [
{ src: 'path/to/img1.png' },
{ src: 'path/to/img2.png' },
{ src: 'path/to/img3.png' },
{ src: 'path/to/img4.png' },
{ src: 'path/to/img5.png' }
]);
});
</script>
<div id="imgHold">Text here will not show up if a user has JavaScript turned on. May be used for error messages: "Javascript is turned off, please turn it on to view the slideshow"</div>
</body>it stays on the image for 7.5 seconds (sleep) and fades in .5 seconds (fade)
Last edited:
