I am surfing around the net and saw a lot of people make their photo galleries or portfolio using the overlay image techniques (when you click the pic, its going to loading and give you the bigger size of the image)
I am just wondering how you make it? and since, I am kind of new with JS.
what is the best daily practice to became more and more expert with javascript?
This is a javascript based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them.
The code and examples provided.
This is a javascript based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them.
The code and examples provided.
Hey Andy,
thanks for the reply but thats not what I am looking for.
I did some research and the effect that I want it is the one like
from http://script.aculo.us/
but! I am just curious how I did it manually without any help from script.aculo.us
Very interesting! I have seen Lightbox (uses scriptaculous) and Thickbox (uses JQuery) but this implementation is a new style. Looks like they made their own Slideshow class using prototype/scriptaculous (Scriptaculous incorporates the Prototype library). These two implementations rely on a rel="lightbox" attribute on a linke (or something similar) and uses the link href to show the larger image. The link usually contains the thumbnail image.
This is different though. There aren't any rel attributes on the images or links for the images. Looks like they are registering listeners for the link ids (e.g. prevlink, nextlink). Take a look at http://overdue.carbonmade.com/js/application.js. This is a great implementation. How much JavaScript have you written?
