Search for image.src
in jquery.galleriffic.js. It should appear twice (around line # 338 and # 611). Add the following line after image.src = ...
:
image.src = ...
$(image).loupe();
Note: I also added this to my CSS. Before this adding this CSS rule, the loupe was causing very minor enlargement (maybe I am using the plugin wrong?):
.loupe img {
width:800px;
height:800px;
}
I posted the example on github. You can try it out here http://ted-piotrowski.github.com/example-gallerific/