Jquery Lightbox [Support thread]

[gsdcypher]

you can see jquery lightbox in action here:
http://tiny.cc/VMMxN

thanks.

[yellow1912]

you can see jquery lightbox in action here:
http://tiny.cc/VMMxN

thanks.

Okie, here goes: you can view your page html source code: the first lightbox image is the main image

document.write('<a href="images/bitetug_suit_dfl5.jpg" id="jqzoomMain" class="jqlightbox"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle" title=" Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle " width="220" height="96" /></a>');

The second one is here:

<div id="productReviewsDefaultProductImage" style="display:none;" class="centeredContent back"> 
<div id="productMainImageReview" style="display:none;" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="images/bitetug_suit_dfl5.jpg" id="jqzoomMain" class="jqlightbox"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle [DFL5]" title=" Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle [DFL5] " width="220" height="96" /></a>');
//--></script>
<noscript>
<a href="http://www.allk-9.com/index.php?main_page=popup_image&amp;pID=608" target="_blank"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4&quot; x 8&quot;) 1 Handle [DFL5]" title=" Two Bite Suit Tugs (4&quot; x 8&quot;) 1 Handle [DFL5] " width="220" height="96" /><br /><span class="imgLink">larger image</span></a></noscript>


</div></div>

I guess this is created by the products tab module.

I will look into this, but more than likely we will have to somehow turn off the display of an additional main image code here.

[gsdcypher]

yes i would like to remove the duplicate image display...

also, i tried adding

. '</div><br class="clearBoth" /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');

to the end of

document.write('<a href="<?= $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?= zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?></a>');

to get the text click for larger image to display under the main image. but no joy...

thanks.

[gsdcypher]

hey yellow1912,

do you know how to add click for larger image under the main image?

also how to make it so the images in the lightbox are not downloadable/saveable?

thanks.

[countrycharm]

Yellow1912 thank you for another great Module, or modules may I say.
gsdcypher is on to something. You know how people are in this todays world, you have to spell out every little detail or they want know were to click on the image. Thank you again my friend.

[yellow1912]

It is rather easy to do so, you can edit includes/templates/your_template/tpl_modules_main_product_image.php

Around line 15 you will find

document.write('<a href="<?= $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?= zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?></a>');

Replace by

document.write('<a href="<?php echo $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?><br /><span class="imgLink"><?php echo TEXT_CLICK_TO_ENLARGE;?></span></a>');

As for the request to prevent downloading image, it is technically impossible. So your best option is to watermark your images.

[gsdcypher]

hi yellow1912,

i changed the code, but the text click to enlarge still doesn't show...

did you get it to work countrycharm?

i have ih2 installed and it used to watermark my images until i installed jquery lightbox. is there a way to make them work together?

thanks.

[xordox]

It is rather easy to do so, you can edit includes/templates/your_template/tpl_modules_main_product_image.php

Around line 15 you will find

document.write('<a href="<?= $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?= zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?></a>');

Replace by

document.write('<a href="<?php echo $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?><br /><span class="imgLink"><?php echo TEXT_CLICK_TO_ENLARGE;?></span></a>');

As for the request to prevent downloading image, it is technically impossible. So your best option is to watermark your images.

Hi Yellow, i change the code as you wrote, but still have duplicate images.
What I need to change also?

Please tell me I use Jquery Lightbox with simple menu, and when I try to see image, the menu over picture http://www.usim.co.il/en/nokia-c-9/nokia-n95-p-853 . How to resolve it? maybe need to add z-index?
Thanks

[tony_sar]

Okie, here goes: you can view your page html source code: the first lightbox image is the main image

document.write('<a href="images/bitetug_suit_dfl5.jpg" id="jqzoomMain" class="jqlightbox"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle" title=" Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle " width="220" height="96" /></a>');

The second one is here:

<div id="productReviewsDefaultProductImage" style="display:none;" class="centeredContent back"> 
<div id="productMainImageReview" style="display:none;" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="images/bitetug_suit_dfl5.jpg" id="jqzoomMain" class="jqlightbox"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle [DFL5]" title=" Two Bite Suit Tugs (4\&quot; x 8\&quot;) 1 Handle [DFL5] " width="220" height="96" /></a>');
//--></script>
<noscript>
<a href="http://www.allk-9.com/index.php?main_page=popup_image&amp;pID=608" target="_blank"><img src="bmz_cache/a/aff35fee3d4330cbbd98c7330c7e7f44.image.220x96.jpg" alt="Two Bite Suit Tugs (4&quot; x 8&quot;) 1 Handle [DFL5]" title=" Two Bite Suit Tugs (4&quot; x 8&quot;) 1 Handle [DFL5] " width="220" height="96" /><br /><span class="imgLink">larger image</span></a></noscript>


</div></div>

I guess this is created by the products tab module.

I will look into this, but more than likely we will have to somehow turn off the display of an additional main image code here.

Ok , it seems the problem happens when TPP is enabled . .once I turn it off , Jqlightbox works ok and wont display 1 of 2 on image .

any thought on solution to this bug ?

[BlessIsaacola]

Ok , it seems the problem happens when TPP is enabled . .once I turn it off , Jqlightbox works ok and wont display 1 of 2 on image .

any thought on solution to this bug ?

It's a bug in TPP and I believe there are two different solutions discussed on the TPP thread. It's been so long so I don't remember what they but you can check that thread.