Jquery Lightbox [Support thread]

[countrycharm]

Anyway let me know what you find out about this. Like I said You can see with jqzoom off and then it is out of line with the drop shadow. I have tried doing what you suggested to gsdcypher which didn't help get it centered below the image. Thank you again. You should have my ftp and admin information since I sent it back to you for the xcart install.

[gsdcypher]

hey yellow1912,

yeah.... i follow you. this is what i did. don't know if it is the right way to do it, but it seems to work...

?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
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>');
//--></script>
<noscript>
<?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
</noscript>
</div>
<div class="imgLink"><a href="<?php echo $products_image_large;?>"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo TEXT_CLICK_TO_ENLARGE;?></a></div>

You can see here: http://tinyurl.com/b48rh7

thanks!

[yellow1912]

That will work too, but if you turn off javascript, you will see you have 2 "larger image" links. You can remove the one from the noscript section.

[gsdcypher]

done. better?

ya know if i disable javascript i lose my main product image...

is there a way around that?

[gsdcypher]

hey yellow1912, while were talking css... i have the tell a friend and the write a review buttons stacked on top of each other. i would like to "compress the page." i've tried a couple of things, but haven't been able to get those to buttons aligned properly side by side. any ideas?

thanks.

[yellow1912]

Yes, the part between the no scrip tag is responsible for displaying the image and the text when no js is available. What you should have done, is to remove only the code responsible for displaying the text, not everything. for your other question, try #productTellFriendLink, #productReviewLink{float:left} Or you can float 1 left, and the other to the right.

[gsdcypher]

ok fixed the script off image thingy.

but the buttons just won't line up correctly. maybe tomorrow...

thanks for all of the help!

[gsdcypher]

side note... i had fixed it where the lightbox did not show duplicate images, but moving the code in red out of the div caused the double main image to come back... any other way to do that???

?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
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>');
//--></script>
<noscript>
<?php
echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);
?>
</noscript>
</div>
<div class="imgLink"><a href="<?php echo $products_image_large;?>"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo TEXT_CLICK_TO_ENLARGE;?></a></div>

[countrycharm]

Yellow I have the text looking the way I want it, but still when I leave jqzoom on the text goes up around the right top and bottom. This stumps me. It does not happen when it is off and I just use the jqlightbox. Now if I switch jqlightbox off and just use the jqzoom I still get the same thing with the text. Don't know. For right now I will just use the jqlightbox until we or I can find out why. Thanks again.

[yellow1912]

I get what you mean by the double main image now, so let me explain why it happens first:
The script look for any image wrapped by a link which has a class "jqlightbox"

So if you separate the "larger image" text and the main image, you will have 2 jqlightbox links instead of 1. What you can do in this case is:
remove the link wrapping around the main image, leaving only the link around the text