No reasonable person would want a blinking thumbnail gallery. On the other hand, this example provides a great exercise in CSS positioning with jQuery.
The thumbnail images are contained within an unordered list, and then re-positioned by means of the script. The images in the example are placeholders in the form of GIF images of numbers.
The thumbnail images are contained within an unordered list, and then re-positioned by means of the script. The images in the example are placeholders in the form of GIF images of numbers.
A setInterval fires off a function that randomly transposes the images one at a time. It sort of looks as if images are being added, but the existing images are simply being shifted around.
All of the code is commented--JavaScript and CSS/HTML. Here's a zip containing everything.
All of the code is commented--JavaScript and CSS/HTML. Here's a zip containing everything.
0 comments:
Post a Comment