One of my clients needed a way to present products in more of a gallery style, utilisinig a thumbnail and popup full size to fancybox. The usual way for showing a gallery (that is products with more than 1 image) is like this;
The thumbnails are auto created, and the user can rollover them to show the larger image (also auto created). The larger image can then be clicked on to get a full sized popup in fancybox. The thumbnails are not clickable.
The main problem here, that no one has been able to get around is to make the thumbnails clickable to bring up the fancybox.
Moving on…
So, the project was to enlarge the thumbnails so that they sit 4 in a row, and to entirely remove the larger image. Also make the thumbnails clickable to bring up the fancybox. A few lines of code later I had this working – now the product_info interface looks like this;
and these thumbnails are clickable to Fancybox (full size);