[jQuery] Image Flicker in Firefox, Not working at all in IE

[jQuery] Image Flicker in Firefox, Not working at all in IE

<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">I'm creating a slideshow where you click thumbnails and the larger image loads on the same page. I've got that functionality down, but I wanted the images to fade in and out. In Firefox the code below makes the image visible for a split second before it fades in causing a weird flicker effect: <DIV><BR class="khtml-block-placeholder"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">$(document).ready(function(){</SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">$("a").click(function(){ $("img#placeholder").fadeIn("slow"); });</SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">});</SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;"><BR class="khtml-block-placeholder"></SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">Also, none of the fadeIn effects that I'm trying to apply work in IE. Is there something I need to be doing differently to make it work in IE?</SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;"><BR class="khtml-block-placeholder"></SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">Thanks,</SPAN></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;">Mark</SPAN></FONT></DIV></DIV><BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV style=""><FONT class="Apple-style-span" face="Tahoma"><FONT class="Apple-style-span" color="#3B3B3B"><SPAN class="Apple-style-span" style="color: rgb(59, 59, 59); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(59, 59, 59); font-family: Tahoma; ">-------------------------------------</SPAN></SPAN></FONT></FONT></DIV><DIV style=""><FONT class="Apple-style-span" face="Tahoma"><FONT class="Apple-style-span" color="#3B3B3B"><SPAN class="Apple-style-span" style="color: rgb(59, 59, 59); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(59, 59, 59); font-family: Tahoma; ">Mark Steinruck</SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; font-family: Tahoma; "><FONT class="Apple-style-span" color="#7F7F7F"></FONT></SPAN></FONT></DIV><DIV style=""><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">Creative Director  //  </SPAN></SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">Steinruck Design</SPAN></SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN></SPAN></FONT></FONT></DIV><DIV style=""><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; font-family: Tahoma; "><FONT class="Apple-style-span" color="#7F7F7F"></FONT></SPAN></FONT></DIV><DIV style=""><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">t: </SPAN></SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">703.953.2563  //  </SPAN></SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">f</SPAN></SPAN></SPAN></FONT></FONT><FONT class="Apple-style-span" color="#7F7F7F"><FONT class="Apple-style-span" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">: 703.953.1711</SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">   </SPAN></SPAN></SPAN></FONT></FONT></DIV><DIV style=""><FONT class="Apple-style-span" color="#7F7F7F" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">www.</SPAN></SPAN></SPAN></FONT><FONT class="Apple-style-span" color="#7F7F7F" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; ">steinruckdesign.com</SPAN></SPAN></SPAN></FONT><FONT class="Apple-style-span" color="#7F7F7F" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN></SPAN></FONT><FONT class="Apple-style-span" color="#7F7F7F" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN></SPAN></FONT><FONT class="Apple-style-span" color="#7F7F7F" face="Tahoma" size="3"><SPAN class="Apple-style-span" style="font-size: 11px;; color: rgb(127, 127, 127); font-family: Tahoma; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "><SPAN class="Apple-style-span" style="color: rgb(127, 127, 127); font-family: Tahoma; font-size: 11px; "> </SPAN></SPAN></SPAN></FONT></DIV><DIV style=""></DIV><DIV style=""><FONT class="Apple-style-span" size="3"><SPAN class="Apple-style-span" style="font-size: 12px;"><BR class="khtml-block-placeholder"></SPAN></FONT></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN> </DIV><BR></BODY></HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



    • Topic Participants

    • mark