Aggiungere pausa tra frames slide di "supersized"

[bANART]

Ciao a tutti, avrei bisogno di un aiutino.

Sto utilizzando uno script davvero molto carino per uno slide di immagini in bg di un sito, ma mi è stato chiesto di aggiungere una micropausa bianca tra un frame e l'altro.

Nel senso, le immagini non devono sovrapporsi nel passaggio, la precedente deve sfumare al bianco e subito la successiva entrare in fade-in.

Non so dove mettere le mani al js, potreste aiutarmi?

Lo script è questo:
http://www.matteocoletta.it/magazzino/supersize/

Grazie.

[Xinod]

buona fortuna, a farlo per bene e' un bel lavoro pure per uno esperto

[bANART]

Ciao Xinod!!! Ogni tanto mi faccio risentire

Quindi è un macello modificare il js.
Bene (male).

Grazie mille, almeno ora mi metto l'anima in pace e cerco un'alternativa.

[Xinod]

ripensandoci, forse e' plausibile

nello shutter, hai un beforeAnimation e un afterAnimation
nel primo ti trovi l' immagine della slide attiva
$('#supersized slide-'+vars.current_slide+' img')
ne setti immediatatmente l' opacita' a zero
.stop().css({opacity: 0});

nel secondo avvii un fadeIn della stessa immagine
$('#supersized slide-'+vars.current_slide+' img').stop().fadeIn(300,1);

ovviamente il background del contenitore dell' immagine dev' essere bianco

ciao

[bANART]

Ummammamia!! Aspè che provo subito!!!!

[bANART]

Guarda, ho fatto così:

dopo questa riga...

beforeAnimation : function(direction){ 

ho inserito questo...

$('#supersized slide-'+vars.current_slide+' img').css({opacity: 0}); 

e dopo questa riga...

afterAnimation : function(){ 

ho inserito questo...

$('#supersized slide-'+vars.current_slide+' img').stop().fadeIn(300,1); 

..ma non va.

[Xinod]

e' online?
posta tutto
premetto che non ti potro' seguire perche' sono super impegnato nei prossimi giorni

ciao

[Xinod]

mancavano i punti delle classi
$('#supersized .slide-'+vars.current_slide+' img')

nell' afterAnimation
$('#supersized .slide-'+vars.current_slide+' img').stop().animate({'opacity':1},2500)

non so perche' non funziona fadeIn, ma con animate funziona

ciao

[bANART]

Ti posto il codice:

         /* Before Slide Transition
        ----------------------------*/
         beforeAnimation : function(direction){
             $('#supersized .slide-'+vars.current_slide+' img')
            if (api.options.progress_bar && !vars.is_paused) $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 );
              
              /* Update Fields
              ----------------------------*/
              // Update slide caption
               if ($(vars.slide_caption).length){
                   (api.getField('title')) ? $(vars.slide_caption).html(api.getField('title')) : $(vars.slide_caption).html('');
               }
            // Update slide number
            if (vars.slide_current.length){
                $(vars.slide_current).html(vars.current_slide + 1);
            }
            
            
            // Highlight current thumbnail and adjust row position
            if (api.options.thumb_links){
            
                $('.current-thumb').removeClass('current-thumb');
                $('li', vars.thumb_list).eq(vars.current_slide).addClass('current-thumb');
                
                // If thumb out of view
                if ($(vars.thumb_list).width() > $(vars.thumb_tray).width()){
                    // If next slide direction
                    if (direction == 'next'){
                        if (vars.current_slide == 0){
                            vars.thumb_page = 0;
                            $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
                        } else if ($('.current-thumb').offset().left - $(vars.thumb_tray).offset().left >= vars.thumb_interval){
                            vars.thumb_page = vars.thumb_page - vars.thumb_interval;
                            $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
                        }
                    // If previous slide direction
                    }else if(direction == 'prev'){
                        if (vars.current_slide == api.options.slides.length - 1){
                            vars.thumb_page = Math.floor($(vars.thumb_list).width() / vars.thumb_interval) * -vars.thumb_interval;
                            if ($(vars.thumb_list).width() <= -vars.thumb_page) vars.thumb_page = vars.thumb_page + vars.thumb_interval;
                            $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
                        } else if ($('.current-thumb').offset().left - $(vars.thumb_tray).offset().left < 0){
                            if (vars.thumb_page + vars.thumb_interval > 0) return false;
                            vars.thumb_page = vars.thumb_page + vars.thumb_interval;
                            $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
                        }
                    }
                }
                
                
            }
            
         },
         
         
         /* After Slide Transition
        ----------------------------*/
         afterAnimation : function(){
             $('#supersized .slide-'+vars.current_slide+' img').stop().animate({'opacity':1},2500)
             if (api.options.progress_bar && !vars.is_paused) theme.progressBar();    //  Start progress bar
         }, 

Ho inserito solo la parte beforeAnimation e afterAnimation.

Non preoccuparti, se ti va e quando hai tempo.
Gentilissimo

[Xinod]

a quello che hai aggiunto nel beforeAnimation manca quello che ci deve fare con quell' elemento
$('#supersized .slide-'+vars.current_slide+' img').stop().css({opacity: 0});