[jQuery] DOM Gallery
[jQuery] DOM Gallery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=781115315-02082006><FONT face=Arial color=#0000ff size=2>Good
job. Only comment I'd make is that the gallery thumbnails shift back and forth
each time you load a new image. It's probably got to do with the border around
the large image. If you keep the border place, but make it transparent while the
image is loading you can probably resolve that.</FONT></SPAN></DIV>
<DIV><SPAN class=781115315-02082006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=781115315-02082006><FONT face=Arial color=#0000ff size=2>Are
those all pictures of you?</FONT></SPAN></DIV>
<P><FONT size=2><!----------------//------<BR>andy matthews<BR>web
developer<BR>certified advanced coldfusion programmer<BR>ICGLink,
Inc.<BR>andy@icglink.com<BR>615.370.1530
x737<BR>--------------//---------></FONT> </P>
<BLOCKQUOTE>
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of </B>Realazy XA Chen
<BR><B>Sent:</B> Wednesday, August 02, 2006 10:48 AM<BR><B>To:</B> jQuery
Discussion.<BR><B>Subject:</B> Re: [jQuery] DOM
Gallery<BR><BR></FONT></DIV>ok, I did some like this: <A
href="http://realazy.org/lab/jquery/j-gallery/">http://realazy.org/lab/jquery/j-gallery/</A>
, thanks to this post's help.<BR><BR>
<DIV><SPAN class=gmail_quote>2006/8/2, Realazy XA Chen <<A
href="mailto:xianan.chen@gmail.com"> xianan.chen@gmail.com</A>>:</SPAN>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<DIV>once you click a clicked image again, why the large image
(#placeholder) fadeIn twice? <BR><BR>
<DIV><SPAN class=gmail_quote>2006/8/2, ranjan datta <<A
onclick="return top.js.OpenExtLink(window,event,this)"
href="mailto:ranjan.jquery@gmail.com"
target=_blank>ranjan.jquery@gmail.com</A>>: </SPAN></DIV>
<DIV><SPAN class=e id=q_10ccd6c53bc3db60_1>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<DIV>perfect1<BR><BR>thanks<BR><BR>
<DIV></DIV>
<DIV><SPAN><SPAN class=gmail_quote>On 8/1/06, <B
class=gmail_sendername>Dave Methvin</B> <<A
onclick="return top.js.OpenExtLink(window,event,this)"
href="mailto:dave.methvin@gmail.com"
target=_blank>dave.methvin@gmail.com</A>> wrote:</SPAN></SPAN> </DIV>
<DIV><SPAN>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">> When
the 1st thumbnail is clicked, fadeIn occurs once<BR>> When
the 2ndst thumbnail is clicked, fadeIn occurs
twice<BR>> When the 3rd thumbnail is clicked, fadeIn
occurs three times<BR>> and so on...
<BR>> Any ideas why?<BR><BR>Yep, it's attaching a new
.load() event each time it goes through showPic().<BR>By moving the
event assignment to the initial load the problem should
be<BR>eliminated. At that point showPic is only two lines, so you might
as well <BR>fold those into the .click() handler and boil it down to 8
lines:<BR><BR>$(function(){<BR> $('div#showcase
a').click(function()
{<BR> $('#placeholder').hide().attr('src',
this.getAttribute
('href'));<BR> $('#description').html(
this.getAttribute("title")||"");<BR> return
false;<BR> });<BR> $('#placeholder').load(function(){$(this).fadeIn('slow');});<BR>});<BR><BR><BR>_______________________________________________<BR>jQuery
mailing list <BR><A
onclick="return top.js.OpenExtLink(window,event,this)"
href="mailto:discuss@jquery.com"
target=_blank>discuss@jquery.com</A><BR><A
onclick="return top.js.OpenExtLink(window,event,this)"
href="http://jquery.com/discuss/"
target=_blank>http://jquery.com/discuss/</A><BR></BLOCKQUOTE></SPAN></DIV>
<DIV></DIV><BR></DIV><BR>_______________________________________________<BR>jQuery
mailing list<BR><A onclick="return top.js.OpenExtLink(window,event,this)"
href="mailto:discuss@jquery.com"
target=_blank>discuss@jquery.com</A><BR><A
onclick="return top.js.OpenExtLink(window,event,this)"
href="http://jquery.com/discuss/"
target=_blank>http://jquery.com/discuss/</A><BR><BR><BR></BLOCKQUOTE></SPAN></DIV>
<DIV></DIV></DIV>
<DIV><SPAN class=sg><BR><BR clear=all><BR>-- <BR><A
onclick="return top.js.OpenExtLink(window,event,this)"
href="http://realazy.org" target=_blank>realazy.org</A>
</SPAN></DIV></BLOCKQUOTE></DIV><BR><BR clear=all><BR>-- <BR><A
href="http://realazy.org">realazy.org</A> </BLOCKQUOTE></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/