I'd like to add jqzoom (demo here: http://visual-blast.com/source/jqzoom/) on top of lightbox.

The img src needs to have the large image in the alt attribute like this

<img src="images/shoe_small.jpg" class="jqzoom" alt="images/shoe_big.jpg">

So the user will click the thumbnail which will open the preview in the light box. Then hovering the mouse over the image tagged as above will activate jqzoom.

I've tried playing with Image's image display theming, but I can't get it to work.

Is there a place in lightbox where I can set alt to be the filepath of IMAGE_ORIGINAL?

Thanks

Comments

stella’s picture

stella commented

You could try displaying the image node content rather than the image in the lightbox. I'm not sure what type of images you're handling, but choose "HTML content" if setting it for image nodes,etc, on admin/settings/lightbox2/automatic. Otherwise, choose "Lightbox2 iframe: node content" if using CCK imagefields.

See http://drupal.org/node/252260 on how to theme the node content for display in a lightbox. Just add your jqzoom requirements to the page-node-lightbox2.tpl.php or node-lightbox2.tpl.php file.

Cheers,
Stella

awolfey’s picture

awolfey commented

I think I can make your idea work, but first I have to get the node to load in the lightbox. I'm getting page not found.

These are image nodes in an image gallery.

<a href="/prints/botanicals/large-format/tree-fungus/lightbox2" rel="lightframe[][Tree Fungus]">
<img class="image image-thumbnail" width="196" height="250" title="Tree Fungus" alt="Tree Fungus" src="http://www.brooklynflora.com/sites/default/files/images/Tree Fungus.thumbnail.jpg"/>
</a>

This path does work: 

/prints/botanicals/large-format/tree-fungus

Thanks for your help!

stella’s picture

stella commented

Hmmm it may not work on path aliases....

stella’s picture

stella commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

marcoka’s picture

marcoka commented

did you get it to work? can you give some informations how? thx