Question

I have this piece of code, and I need to target only the first click for one line and normal clicks for the rest.

$esCarousel.show().elastislide({
    imageW  : 240,
    onClick : function( $item ) {
        if( anim ) return false;
        anim    = true;
        // only in the FIRST CLICK click show wrapper (expected but don't work)
        _addImageWrapper();
        // on click show image
        _showImage($item);
        // change current
        current = $item.index();
    }
});

When i click the item, everything works great, but when I click again I need only the “$_showImage($item);” and not the “_addImageWrapper();”.

Can you help me? I’m really a newbie about js 🙁

UPDATE:
When I close (close with fadeOut) It won’t open again! It must be because the carousel is already been clicked… how can I “reset” the click?

$navClose.on('click.rgGallery', function( event ) {
    $('.rg-image-wrapper').fadeOut('2000');
    return false;
});

Thanks for the help, I’m learning this (I think :x)!

Answer 1

You could set a variable outside this code:

var clickedCarousel = false;

$esCarousel.show().elastislide({
    imageW  : 240,
    onClick : function( $item ) {
        if( anim ) return false;
        anim    = true;
        // only in the FIRST CLICK click show wrapper (expected but don't work)
        if(!clickedCarousel) {
          _addImageWrapper();
          clickedCarousel = true;
        }
        // on click show image
        _showImage($item);
        // change current
        current = $item.index();
    }
});

Does this fit your need?

UPDATE:
Regarding this update:

UPDATE: When I close (close with fadeOut) It won’t open again! It must be because the carousel is already been clicked… how can I “reset” the click?

fadeOut() takes a callback of this form:

obj.fadeOut( [duration] [, callback] )

callback can be an inline function or a predefined one, so you could use this (inline):

$navClose.on('click.rgGallery', function( event ) {
    $('.rg-image-wrapper').fadeOut(2000,function(){
       clickedCarousel = false; // reset to false after fade out is complete
    });
    return false;
});

Does that help?