Problem z przeładowywaniem zdjęć/biblioteka jquery

[balboa]

Pomagam znajomemu projektować stronę www, fifcio.eu. jest tam banner, który przeładowuje 3 zdjęcia, chciałbym zeby między nimi nie było "odstępu" migania. Posiadam 2 biblioteki jquery, s3SliderPacked.js, i s3Slider.js. Czy moze wiecie jak to zrobić ?

[palyga007]

zazwyczaj jest parametr, w ktorymś z plików js ktory odpowiada za takie przejście. Tam trzeba zmienić jego wartość.

[balboa]

s3Slider.js:

(function($){  

    $.fn.s3Slider = function(vars) {       
        
        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
            
        items.each(function(i) {
    
            $(items[i]).mouseover(function() {
               mOver = true;
            });
            
            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
            });
            
        });
        
        var fadeElement = function(isMouseOut) {
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if(items.length > 0) {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else {
                console.log("Poof..");
            }
        }
        
        var makeSlider = function() {
            current = (current != null) ? current : items[(items.length-1)];
            var currNo      = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin   = $(element).width() * currNo;
            if(faderStat == true) {
                if(!mOver) {
                    $(items[currNo]).fadeIn((timeOut/6), function() {
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }
        
        makeSlider();

    };  

})(jQuery);  


s3SliderPacked.js
(function($){$.fn.s3Slider=function(vars){var element=this;var timeOut=(vars.timeOut!=undefined)?vars.timeOut:1000;var current=null;var timeOutFn=null;var faderStat=true;var mOver=false;var items=$("#"+element[0].id+"Content ."+element[0].id+"Image");var itemsSpan=$("#"+element[0].id+"Content ."+element[0].id+"Image span");items.each(function(i){$(items[i]).mouseover(function(){mOver=true});$(items[i]).mouseout(function(){mOver=false;fadeElement(true)})});var fadeElement=function(isMouseOut){var thisTimeOut=(isMouseOut)?(timeOut/2):timeOut;thisTimeOut=(faderStat)?10:thisTimeOut;if(items.length>0){timeOutFn=setTimeout(makeSlider,thisTimeOut)}else{console.log("Poof..")}}var makeSlider=function(){current=(current!=null)?current:items[(items.length-1)];var currNo=jQuery.inArray(current,items)+1 currNo=(currNo==items.length)?0:(currNo-1);var newMargin=$(element).width()*currNo;if(faderStat==true){if(!mOver){$(items[currNo]).fadeIn((timeOut/6),function(){if($(itemsSpan[currNo]).css('bottom')==0){$(itemsSpan[currNo]).slideUp((timeOut/6),function(){faderStat=false;current=items[currNo];if(!mOver){fadeElement(false)}})}else{$(itemsSpan[currNo]).slideDown((timeOut/6),function(){faderStat=false;current=items[currNo];if(!mOver){fadeElement(false)}})}})}}else{if(!mOver){if($(itemsSpan[currNo]).css('bottom')==0){$(itemsSpan[currNo]).slideDown((timeOut/6),function(){$(items[currNo]).fadeOut((timeOut/6),function(){faderStat=true;current=items[(currNo+1)];if(!mOver){fadeElement(false)}})})}else{$(itemsSpan[currNo]).slideUp((timeOut/6),function(){$(items[currNo]).fadeOut((timeOut/6),function(){faderStat=true;current=items[(currNo+1)];if(!mOver){fadeElement(false)}})})}}}}makeSlider()}})(jQuery);

który

[palyga007]

Ile czasu poświęciłeś na samodzielne rozwiązanie tego problemu?
3 minuty?
To chyba sobie kolega żarty robi.

PS: Kod wrzucamy pomiędzy specjalnie do tego celu przystosowane znaczniki.

[balboa]

Wielkim cudem udało mi sie zeby banner sie wyswietlał i migał robie go juz ok 2 dni. Jesli chodzi co o parametr o czsie 4000 to jest jak szybko miga - to mi przychodzi na myśl, ale ja chce zeby nie było widoczne przejscie między obrazami.

[palyga007]

Strona jest wyłączona, a ja nie wiem co autor ma na myśli

[balboa]

już nie

[palyga007]

Jeśli tam ma być tylko 1 zdjęcie to po prostu wstaw tam plik graficzny bez slidera.
Jeśli tam ma być slider to przejście zawsze się przydaje

I szczerze...
Znajdź jakiś darmowy szablon w sieci bo strach na to patrzeć. Skoro już pomagasz to rób to porządnie.
szablon tworzony w artisterze?..

Zwracam honor ktoś to "cudo" stworzył już wcześniej

[balboa]

ale ja niechce przejscia. masz patent jak to wykasować ?

[palyga007]

pokombinuj z timeOut

Chociaż zupełnie nie rozumiem twojego toku myślenia i wizji tego "niby" slidera