JSFiddle - React, Tailwind, and code Playground

by rodrigonery

JavaScript

$(function() {

    // Fazendo o cache..
    var url = '<?php echo admin_url('admin-ajax.php') ?>';
    $thumb = $('.thumb-gallery img:first').attr('id');
    $thumb_event = $('.thumb-gallery img');
                
    var get_thumbnails = (function( gid, url ) {
        $.ajax({
                url: url,
                type: 'POST',
                data: { 
                    'action' : 'ngg_show_gallery', 
                    'gid' : gid 
                },        
                beforeSend: function(){
                    $('.es-carousel').html('<p>Carregando...</p>');    
                },
                success:function(data){
                    $('.es-carousel').html(data);                                      
                },
                complete: function(data){
                
                // Chamando o plugin Elastislide..
                    $('#carousel').elastislide({
                        imageW        : 400,        
                        minItems    : 2,        
                        margin        : 2,        
                        border        : 0        
                    });
                      /*
                      var navNext   = $('<span class="es-nav-next">Next</span>');
                      var navPrev   = $('<span class="es-nav-prev">Previous</span>');                  
                      
                      $('<div class="es-nav"/>')
                        .append( navPrev )
                        .append( navNext )
                        .appendTo( $('#carousel') );
                      
                      var items = $('.es-carousel ul').children('li').length;
                      var sliderW = (items * 402);                        
                      */
                      $('.es-carousel ul').show().css({'width': sliderW +'px', 'display': 'block', 'margin-left': '0px'});
                      $('.es-carousel ul li').css({'float': 'left', 'margin-right': '2px', 'width': '400px'});  ...