Réappliquer ou régler jCarouselLite sur la fenêtre Redimensionner

Question

Je suis en train de réajuster ou détruire et réappliquer le plug-in jCarouselLite lors du redimensionnement de la fenêtre, mais je n'ai pas de succès, c'est parce que je créé un site Web où chaque page est un « li » où, lors de la navigation dans le menu faites défiler jusqu'à ce que 'page' ...

J'ai tryied à utiliser sur Redimensionner et réappliquer le jcarousellite, mais il n'a pas travaillé:

$('#mega').jCarouselLite = null;

est le code que je utilise, mais si je continue à réappliquer le jcarouselLite, le carrousel devient fou!

$(document).ready(function(){
    w = $(window).width();
    h = $(window).height();
    $('#mega li').css('width',w);
    $('#mega li').css('height',h);
    $('#mega').jCarouselLite({
        circular:false,
        vertical:true,
        speed:1000,
        visible:1,
        btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
    });
});
$(window).resize(function() {
    w = $(window).width();
    h = $(window).height();
    $('#mega li').css('width',w);
    $('#mega li').css('height',h);
    $('#mega').jCarouselLite({
        circular:false,
        vertical:true,
        speed:1000,
        visible:1,
        btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
    });
});

SOLUTION:

« idrumgood », je tentais de le faire seulement avec le « li », mais la recherche d'un peu plus sur la désactivation des plugins, j'ai découvert que je dois délier les clics aussi, donc, est ici le code que je devais appliquer :

$(window).resize(function() {
    $('#mega').jCarouselLite = null;
    $('#home, #comofunciona, #porquemegafome, #contato').unbind('click'); //buttons I defined on btnGo option
    runCarousel(); //again
    aClick(); // function where I get the li index and save into a hidden input, on resize it keeps li position! :)
});

Answer 1

jCarouselLite (et à peu près tout carrousel plug-in) injectent quelques balises supplémentaires lorsque le carrousel est créé. Habituellement, un élément contenant qui est définie avec une largeur de elementsWidth * numberOfElements avec le trop-plein cachée. Un deuxième élément contenant à l'intérieur qui est également créé et de ce qui va réellement se déplacer. Ensuite, vos éléments sont ensuite flottaient et la marge gauche de l'élément contenant secondaire est modifiée pour donner l'effet de défilement.

Le point de qui est, si vous voulez changer, vous devez modifier les largeurs de ceux contenant divs et / ou la largeur des éléments que vous faites défiler lorsque la fenêtre redimensionne.

Essayez de changer la taille de ces éléments sur la fenêtre Redimensionner au lieu de re-initialiser le carrousel et de voir ce qui se passe (sans votre balisage, qui est à peu près le meilleur conseil que je peux donner)