2010-06-17 5 views
1

Avez-vous une idée de la raison pour laquelle le plug-in jQuery interrompt le centrage de l'image lors du glissement d'images? (Sans le plug-in activé, il fonctionne bien)Plugin jQuery Cycle

Voici un demo of my page (essayez de redimensionner la fenêtre ou effectuer un zoom arrière et voir ce que je veux dire - l'image de fond obtient recadrée)

Répondre

1

Ajouter ce style, il fixe:

#background div { width: 100% !important } 
+0

Son a quelque chose à voir avec le plug-in de cycle essayer de comprendre la largeur du récipient. Ce CSS ignorera ses tentatives pour changer les largeurs. –

2

Le plugin cycle définit la largeur des divs en cours de chargement et ne tient pas compte du redimensionnement. Cycle a une méthode de destruction. Vous devriez pouvoir appeler détruire sur cycle et le recréer sur un événement de redimensionnement de fenêtre.

http://jquery.malsup.com/cycle/options.html

$(window).resize(function() { 
    $('#home #background').cycle('destroy'); 
    $('#home #background').cycle({ 
     random: 1 
    }); 
});