Hi Ricardo.
would e.preventDefault() work in place of return false ?
On Fri, May 1, 2009 at 7:17 PM, Ricardo <ricardob...@gmail.com> wrote:
> $(el).click(function(){
> if ( $(this).is(':animated') )
> return false;
> //...
> });
>
> On May 1, 1:16 pm, slengteng <focu...@gmail.com> wrote:
> > As in topic. I have dynamic gallery containing just 3 elements:
> >
> >
> http://szycha.kylos.pl/test/gal.htmlhttp://szycha.kylos.pl/test/js/gallery.js-script
> >
> > Problem occures when image is clicked another time(you have to click
> > quick to see the problem) before end of animation. I think that
> > preventing it from being clicked would solve the problem but im not
> > sure.
> >
> > Please help me find the solution
> >
> > Code:
> > $(function() {
> >
> > $('#gallery img').click(function() {
> >
> > var zIn=$(this).css('zIndex');
> >
> > if(zIn==3){
> > $(this).animate({"width":"365px","height":"265px"},
> > 300,function(){
> > $
> > (this).animate({"width":"363px","height":"262px"},500);}
> > );
> >
> > }else{
> >
> > $(this).animate({ "left" : "0px",
> > "opacity" : ".05" }, 300,function() {
> >
> > $(this).animate({
> > "top" :
> > "0px",
> >
> > "opacity" : "1",
> >
> > "width":"363px","height":"262px"
> > },300, function(){
> > $(this).css
> > ('zIndex', '3');
> >
> > $('#gallery
> > img').not(this).each(function(j){
> >
> > j++;
> > var
> > box_zIn=$(this).css('zIndex');
> >
> > if
> > ( box_zIn==3 && zIn==2 ){ //click box 2
> > $
> > (this).animate({ "left":"40px",
> >
> > "height":"250px",
> >
> > "width":"346px"
> >
> > },
> > 300).css('zIndex', '2');
> > }
> > if
> > (box_zIn==3 && zIn==1){ //click box 1
> > $
> > (this).animate({ "left":"40px",
> >
> > "height":"250px",
> >
> > "width":"346px"
> >
> > },
> > 300).css('zIndex', '2');
> > }
> > if
> > (box_zIn==2 && zIn==1){ //click box 1
> > $
> > (this).animate({ "left":"75px",
> >
> > "height":"240px",
> >
> > "width":"333px"
> >
> > },
> > 300).css('zIndex', '1');
> > }
> > });
> > });
> > }
> > );
> > }
> > //return false;
> > });
> >
> > });
>
