Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to highlight active thumbnail?
    text
    copied!<p>I was wondering how I could highlight the active thumbnail on this page <a href="http://www.doublezerofilms.com/doublezero-template-webSamples.html" rel="nofollow">http://www.doublezerofilms.com/doublezero-template-webSamples.html</a> so when it's clicked it stays on the mouseover img until another thumbnail is clicked?</p> <p>this is the code I'm using to select the video and below that the html thanks!</p> <pre><code>$(document).ready(function () { $("#Thumb1").click(function () { $("#hidden").hide().html('&lt;iframe src="http://player.vimeo.com/video/38366163?autoplay=1" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;').fadeIn(4e3); $("#leftsidePlayer").text("This is some text on the consulting video!") }); &lt;div class="thumbsWrap"&gt; &lt;div&gt; &lt;div id="Thumb1" class="fadehover"&gt; &lt;img src="images/thumb1.jpg" alt="" class="a" /&gt; &lt;img src="images/thumb1-over.jpg" alt="" class="b" /&gt; &lt;/div&gt; &lt;div id="Thumb2" class="fadehover"&gt; &lt;img src="images/thumb2.jpg" alt="" class="a" /&gt; &lt;img src="images/thumb2-over.jpg" alt="" class="b" /&gt; &lt;/div&gt; &lt;div id="Thumb3" class="fadehover"&gt; &lt;img src="images/thumb3.jpg" alt="" class="a" /&gt; &lt;img src="images/thumb3-over.jpg" alt="" class="b" /&gt; &lt;/div&gt; &lt;div id="Thumb4" class="fadehover" style="margin:0px"&gt; &lt;img src="images/thumb4.jpg" alt="" class="a" /&gt; &lt;img src="images/thumb4-over.jpg" alt="" class="b" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>hover code</p> <pre><code>$(document).ready(function () { $("img.a").hover(function () { $(this).stop().animate({ opacity: "0" }, "fast") }, function () { $(this).stop().animate({ opacity: "1" }, "fast") }) }); </code></pre>
 

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