2009-12-11 6 views
0

J'utilise le plugin jQuery Cycle pour faire tourner une série d'images sur ce site. Les images sont belles dans Safari, mais elles sont environ 4 pixels au sommet dans Firefox. Évidemment, avec la ligne d'intersection, il est essentiel de garder le bon positionnement.jQuery - Plugin Cycle - Positionnement de l'image

J'apprécierais un peu d'aide dans le positionnement de cet élément afin que le cycle.js ne le déplace pas.

Merci.

Répondre

0

Il s'avère qu'il s'agissait d'un conflit entre les éléments flottants et le positionnement absolu du code de cycle.

Je l'ai remplacé par une autre solution qui fonctionne vraiment bien.

<script type="text/javascript"> 
$(function(){ 
     setInterval("rotateImages()", 4000); 
    }); 

    function rotateImages() { 
     var oCurPhoto = $("#slideshow div.current"); 
     var oNxtPhoto = oCurPhoto.next(); 
     if (oNxtPhoto.length == 0) 
      oNxtPhoto = $("#slideshow div:first"); 

     oCurPhoto.removeClass('current').addClass('previous'); 
     oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 2000, 
      function() { 
       oCurPhoto.removeClass('previous'); 
      }); 
} 
</script>