Jquery Lightbox [Support thread]

[yellow1912]

No I did not get it to work as of yet. It will show when you go to the page but it disappears soon after.

I have just tried the code I posted here:
http://demo.rubikintegration.com/jqz...products_id=47

[countrycharm]

If I switch off jqzoom it will show but it is not straight.

[yellow1912]

If I switch off jqzoom it will show but it is not straight.

Huhm, so you are saying on your site, if you switch of jqzoom the click .... text will appear, otherwise it wont? Huhm, weird, since on the demo site I have both on.
Let me install IH2 on the demo site later, and see if it does affect anything

[gsdcypher]

got it. but it messes with the drop shadow effect on the main image. it makes the shadow drop below the text... to bad.

thanks.

[yellow1912]

got it. but it messes with the drop shadow effect on the main image. it makes the shadow drop below the text... to bad.

thanks.

Well, you can just add another <br/> there, or you can use css to add padding above the text. It is purely css/html.

[countrycharm]

I already had IH2 installed before I installed both these modules today. I also had hoverbox 3 installed which use the additional_images. I deleted everything that was using hoverbox and uploaded yours modules, so it should work. I don't know. Thank yellow for your help as always my friend.

[gsdcypher]

yo! tried the <br> thing... no luck.

[yellow1912]

I dont know how and where you put it, but you should also notice that the text is put inside a span with the class imgLink, you can use css to pad this one easily enough, for example

#productImageWrapper .imgLink{
padding-top:15px
}

[gsdcypher]

hmmm...

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


thanks.

[yellow1912]

hmmm...

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


thanks.

In your very specific case, what you have to do is, you have to add the background image around the image, not around the div that wraps around both the img and the text. I will give an example, but you may have to tweak it to work in your specific case

document.write('<div id="mainImage"><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);?></a></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 will notice that I separated the image into its own div, now you will have to put the shadow background to this new div instead of the productMainImage. Hope Im making sense here.