2011-11-14 3 views
0

Après-midi tous ..cycle de Jquery - redimensionnement des images automatique sur le changement de fenêtre du navigateur

J'ai un site avec une page d'introduction comprenant un diaporama cycle jquery de trois images.

J'ai mis en place le CSS de sorte que les images redimensionnent en fonction de la fenêtre du navigateur.

Tout cela fonctionne très bien lorsque les images sont seules, mais quand elles font partie du diaporama, je dois actualiser l'écran pour que les images soient bien ajustées. Ils sont en fait toujours redimensionnés correctement, mais pas automatiquement avec un changement manuel de la taille de la fenêtre comme ils le font seuls.

L'URL est - http://subzerostudio.com/Clients/ex1/index.html -

Vous pouvez voir que si vous apportez la taille de la fenêtre vers le bas et le laisser pendant le diaporama les images sont de la bonne taille, et même si la taille de la fenêtre est pleine, les images toujours en forme - c'est juste au moment du redimensionnement de la fenêtre qu'ils conservent la hauteur et la largeur précédemment chargées.

Ils sont également configurés pour être flexibles en termes de position afin de s'adapter à différentes résolutions dans une certaine mesure, mais cet aspect est correct.

Une fois que cela est trié, il est prêt à sortir :) toutes les idées sont très appréciées!

Chris

+1

Découvrez la méthode de redimensionnement de jQuery: http://api.jquery.com/resize/ –

+0

Bonjour Baszz merci pour cela! J'ai regardé à travers et je ne suis pas totalement sûr de la façon de l'intégrer, pouvez-vous indiquer comment je parlerais de ce diaporama? –

+0

Je ne connais pas le code du diaporama, donc je ne peux pas vous aider avec ça. Je pense que vous devez implémenter la méthode de redimensionnement et définir certaines variables ou quelque chose qui est utilisé par le diaporama. Ou peut-être réinitialiser le diaporama sur le redimensionnement ... quelque chose comme ça. –

Répondre

0

Dans le cas où quelqu'un d'autre est bloqué sur ce point - stackoverflow.com/questions/2183869/... - ce post donne un peu simple de JS et CSS qui semble avoir pris en charge le problème de façon très efficace:)

Questions connexes