Click one image to replace another
When you click on the thumbnail, the thumbnail slowly grow big OR
Originally Posted by fattyatkinson
click on the thumbnail, the thumbnail enlarged picture appear on the main picture ?
For the latter it is easier, you need to prepare for each thumbnail their equivalent enlarged picture. Then bind a onclick callback on the thumbnail. Inside the onclick load the equivalent enlarged picture onto the main picture.
For the former, the effects I not so sure, you can explore jQuery gallery. I know they have "explode into pieces" effects but for small slowly become big effects I not so sure.
Imo you don't need separate thumbnail and enlarged image files. You can just set a smaller width in the <img> for the thumbnail.
Each thumbnail <img> then just needs an onclick function that resets the .src for the enlargement <img> to the .src of the thumbnail.
I would also preload the images to avoid any download delays when displaying an enlargement.
Hi I just browse through jQuery and they have something very similar to what you want. Unfortunately the example is illustrated using text wordings but I think the concept should apply to images also. The thumbnail when clicked slowly enlarge to become big.
Originally Posted by sohguanh
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)