tx for tip. i did it like this and it works fine:
$('#gallery img').click(function() {
if ( !$('#gallery img').is(':animated') )
{...
On 1 Maj, 19:17, 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/ga...
>
> > 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;
> > });
>
> > });
