A really quick way to cycle through some images is to use this:
Javascript
$(document).ready(function() {
$("ul#galleryimages li").hide();
var j = 0;
function cycleThruHeader(){
var jmax = $("ul#galleryimages li").length -1;
$("ul#galleryimages li:eq(" + j + ")")
.fadeIn(500)
.delay(6000)
.fadeOut(500, function(){
(j == jmax) ? j=0 : j++;
cycleThruHeader();
});
};
cycleThruHeader();
});
HTML body
<ul id="galleryimages">
<li><img src="/assets/images/animations/one.jpg" /></li>
<li><img src="/assets/images/animations/two.jpg" /></li>
<li><img src="/assets/images/animations/three.jpg" /></li>
<li><img src="/assets/images/animations/four.jpg" /></li>
<li><img src="/assets/images/animations/five.jpg" /></li>
<li><img src="/assets/images/animations/six.jpg" /></li>
</ul>
Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something. I think that you could do with some pics to drive the message home a bit, but other than that, this is great blog. An excellent read. I'll definitely be back.
It's great webpage, I was looking for something like this
Twitter brought me here.
Awesome post! I will keep an on eye on your blog.
Wonderful article and I am really very helpful thank you