2010-08-08 4 views

Répondre

1

Dans Carousel minuscule, vous pouvez définir la hauteur dynamiquement avec un rappel.

var oSlider = $('#slider-code'); 
oSlider.tinycarousel({ 
    callback: function(element){ 
      element.css({ 'height': 100 }); 
      $('.viewport', oSlider).css({ 'height': 100}); 
    } 
}); 

Quelque chose comme ça a été testé, donc il pourrait y avoir un bug: P. Remplacez le 100 par la hauteur dont vous avez besoin;

0

Vous pourriez essayer de construire quelque chose de personnalisé basé sur le plugin Cycle ... Au-delà, vous devrez élaborer un onglet plus sur la restriction de la hauteur et les problèmes que vous rencontrez.

+0

drôle que vous suggérer. C'était en fait la route que j'ai commencé - http://stackoverflow.com/questions/3408865/how-do-i-modify-the-jquery-cycle-plugin-for-a-two-image-slideshow-instead-of -un - mais j'ai eu les suggestions du créateur de ce plugin, que je devrais utiliser un plugin Carousel, plutôt qu'un plugin de diaporama. Merci pour cette pensée. – marcamillion

+0

Eh bien, son commentaire est logique, mais en même temps, je pense qu'il faisait des commentaires en ce sens qu'il est plus efficace d'utiliser un plugin qui a déjà le bon comportement de liste/file comme jCouselel plutôt que d'essayer de l'ajouter au cycle. Cependant, puisque vous avez besoin de hauteur dynamique, je pense que ce n'est pas le cas. Il serait beaucoup plus difficile de modifier un carrousel pour expliquer cela que d'ajouter l'animation «pagination» autour de Cycle. Mais heureusement, quelqu'un va entrer dans un carrousel qui a tout ce dont vous avez besoin :-) – prodigitalson

1

l'aide d'un rappel, vous pouvez redimensionner la hauteur de la page ciblée de façon dynamique - en fonction de la hauteur de l'élément (pas besoin d'entrer les valeurs de hauteur manuel):

$('#slider').tinycarousel({ 
    controls: false, 
    pager: true, 
    animation: false, 
    callback: function(e){ 
    $('.viewport').css({'height': ($(e).height() + 10) +'px'}); 
    } 
}); 
Questions connexes