2010-04-07 3 views
1

je besoin de quelque chose comme ça http://jonraasch.com/blog/a-simple-jquery-slideshowDiaporama avec javascript sans positionnement absolu

mais w/o le positionnement absolu. Est-ce possible? Sinon, comment faire face au positionnement absolu - si je le fais centré pour un écran res, ce ne sera pas pour un autre. Des conseils?

+0

Pourquoi pensez-vous que vous avez besoin de positionnement absolu pour centrer un élément? –

+0

vous ne m'avez pas compris - le positionnement absolu est utilisé dans pratiquement tous les diaporamas. Mais il est difficile de gérer la mise en page - parce que c'est bien ... absolu. D'où ma question, comment mettre en œuvre le diaporama sans positionnement absolu? – sarsnake

Répondre

4

Chaque fois que vous devez placer sur l'image au-dessus d'une autre, vous pouvez le faire dans l'une des deux façons suivantes:

1) Utiliser le positionnement absolu

Le diaporama doit être contenu dans un élément d'emballage qui a position:relative , puis le contenu du diaporama utilise position:absolute. La disposition ne sera pas affectée car les éléments "absolus" sont dans et par rapport à l'encapsuleur, pas le reste de la page.

2) Utiliser une image au-dessus d'un élément qui a une image de fond

Vous pouvez faire un diaporama facilement cette façon:

  • Définir l'image d'arrière-plan sur la première image
  • Fade -dans l'image (la deuxième image) qui se trouve au-dessus de l'arrière-plan
  • Définir l'arrière-plan sur la même image que la deuxième image
  • Masquer la deuxième image
  • Remplacez le SRC de la deuxième trame à la troisième image
  • Répéter
+0

bonne réponse, je suis allé avec l'option 1. Vous avez répondu exactement ce que j'ai demandé! Je n'ai pas réalisé que absolu n'est pas absolu au coin gauche de l'écran mais à l'élément enveloppant. Merci beaucoup! – sarsnake

+0

C'est par rapport au premier parent qui a "position: relative", ce qui pourrait être la page s'il n'y a pas de parent avec cette propriété. –

Questions connexes