PDA

View Full Version : Image Magnify



HotelsInColombia
02-28-2013, 04:46 PM
1) Script Title: jQuery Image Magnify v1.11

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

3) Describe problem: is not working propertlly with GC. IE is working good. Could you please give some advice? this is the page

hotelsincolombia.net/karmairi/en.html

ddadmin
02-28-2013, 07:01 PM
There seems to be something in the HTML above the thumbnails that's the culprit. If I comment out the following chunk of HTML:


<!--

<!-- /Travel Guide -->
<div style="float:right;width:948px;border: 1px solid #F0f0f0;background:#f0f0f0;text-align:center;color:#404040">
<p style="font: bold 9pt arial,helvetica,sans-serif;margin:2px 0px 0px 0px;"></p>
</div>
<!-- /FB - TW -->
<div style="width:950px;position:relative;">
<div style="width:348px;height:30px;border: 1px solid #f0f0f0;background:#f0f0f0;text-align:center;float:left;border-left: none;">
<p style="font: 9pt arial,helvetica,sans-serif; color:#404040;margin:0px 0px 0px 0px;">Hotel Karmairi <img src="client6_files/5sterren.png" alt="Nederlands" border="0" height="11" width="64"></p>
<p style="font: 9pt arial,helvetica,sans-serif; color:#404040;margin:0px 0px 0px 0px;">Kilometro 3 Via Manzanillo del Mar - Cartagena</p>
</div>
<div style="float:left;width:144px;height:35px;border: 1px solid #f0f0f0;background:#f0f0f0;text-align:left;color:#404040">
<p style="font: 9pt arial,helvetica,sans-serif; color:#404040;margin:5px 0px 0px 0px;"><iframe data-twttr-rendered="true" title="Twitter Tweet Button" style="width: 109px; height: 20px;" class="twitter-share-button twitter-count-horizontal" src="client6_files/tweet_button.htm" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
</div>
<div style="float:right;width:452px;height:35px;border: 1px solid #f0f0f0;background:#f0f0f0;text-align:left;color:#404040">
<p style="font: 9pt arial,helvetica,sans-serif; color:#404040;margin:2px 0px 0px 0px;"><iframe src="client6_files/like.htm" style="border:none; overflow:hidden; width:450px; height:35px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe></p>
</div>
</div>

-->

Then the thumbnails work properly in Chrome. It looks like the markup above is obfuscating/overlapping the HTML below it, namely, the thumbnails.

HotelsInColombia
03-01-2013, 04:34 AM
Thank for your comment, Im still trying to fix the problem but do not know what to do.. also by IE i do not see the magnifier cursor.. so if any one can help me I will apriciated.. regards, Jaime Lalinde