Note that there are some explanatory texts on larger screens.

plurals
  1. POprettyPhoto in IE not working properly
    primarykey
    data
    text
    <p>prettyPhoto is not displaying properly on IE7. I have 3 pictures in the gallery, and the picture overlay only comes up when I click on the third picture, the other ones just behave like normal pictures (it just goes to the picture location).</p> <p>This is my code:</p> <pre><code>&lt;ul class="gallery clearfix"&gt; &lt;li&gt;&lt;a href="images/j/DSCN0868.jpg" rel="prettyPhoto[gallery1]" title="Hermoso "&gt;&lt;img src="images/j/DSCN0868.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="images/j/DSCN0863.jpg" rel="prettyPhoto[gallery1]"&gt;&lt;img src="images/j/DSCN0863.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="images/j/DSCN0855.jpg" rel="prettyPhoto[gallery1]"&gt;&lt;img src="images/j/DSCN0855.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>The Javascript:</p> <pre><code>&lt;link rel="stylesheet" href="prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt; &lt;script src="prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8"&gt; $(document).ready(function(){ $("area[rel^='prettyPhoto']").prettyPhoto(); $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_rounded',slideshow:3000, autoplay_slideshow: false}); $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true}); $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({ custom_markup: '&lt;div id="map_canvas" style="width:260px; height:265px"&gt;&lt;/div&gt;', changepicturecallback: function(){ initialize(); } }); $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({ custom_markup: '&lt;div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"&gt;&lt;/div&gt;&lt;div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"&gt;&lt;/div&gt;&lt;div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"&gt;&lt;/div&gt;', changepicturecallback: function(){ _bsap.exec(); } }); }); &lt;/script&gt; </code></pre> <p>Thanks!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload