plugin jCarousel. Comment puis-je positionner un texte descriptif sur chaque image ?

**gotcha5832** · 19/11/2010, 10h17

Bonjour à tous,

Voilà j'ai besoin de vos lumière car voilà plusieurs jours que j'essaye en vain de placer du texte sur un JCarousel.

L'objectif est d'avoir sur chaque image qui défile, un texte descriptif, positionné en hauteur et largeur.
Pas de souci sous FF,opéra... mais sou IE...

il faut que je fasse un zoom in zoom out pour qu'il apparaissent, ou que je recharge la page.

Cependant je pense que c'est pas propre, est que j'ai un souci dans les "position"

voilà mon code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<table>
	<tr>
		<td>
		<div id="conteneur">
			<div id="mycarousel" class="jcarousel-skin-tango"> 
				<ul>
					<li>
						<div style="position: absolute; top: 104px; margin: 0px; padding: 0px; left: 0px; width: 500px;">
							<span  style="position: absolute; left:280px;">
								<font color="#ffffff">TEST1</font>
							</span>
						</div>
						<img src="images/carousel/test1.jpg">
					</li>
					<li>
						<div style="position:absolute;top:264px; width:500px">
							<span style="position:absolute;left:40px;">
								<font color="#ffffff">TEST2</font>
							</span>
						</div>
						<img src="images/carousel/test2.jpg">
					</li>
				</ul>
			</div>
		</td>
	</tr>
</table>

P.S: je vous ai pas mis le <head></head> mais pas de soucis il inclus bien JQuery, et jCarousel.
Voilà
Merci à vous

**Sayrus** · 19/11/2010, 10h25

As-tu essayer avec une position relative sur l'élément global du JCarousel et une position absolute sur les "span" contenant le texte en jouant aussi sur les z-index?

A mon avis, ça doit être vers la CSS qu'il faut regarder...

**gotcha5832** · 19/11/2010, 10h47

Ouais effectivement c'est certainement plus un pb de css...
je fais regarder du coté de Z-index

Là je m'arrache les cheveux;
avec
table>tr>td>div>div>div>ul>li>div>span

Euh j'ai peur d'atteindre mes limites.

Je te remercie quand même.

**Sayrus** · 19/11/2010, 11h42

Désolé de ne pouvoir t'en dire plus... Je sais juste que j'ai du l'utilisé pour un projet mais j'en ai déjà fait tellement que je ne sais plus lequel il s'agit...

Au lieu de faire des div>machin>... etc.

Si il n'y a qu'un span dans l'arborescence de l'élément tu fais directement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#tonIDJCarousel').find('span')...

**gotcha5832** · 19/11/2010, 12h17

Je te remercie

J'ai mis un relative et absolute sur le span avec un Z-index

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div style="position: relative; top: 104px; margin: 0px; padding: 0px; left: 0px;">
	<span style="position: absolute; left: 280px; z-index: 4;">

Ca fonctionne sous FF, opera, mais IE fais un truc très bizarre, que j'arrive pas à analyser.
Si j'ai X fois la même image qui se répete et défile c'est bon.
Si j'ai des images différentes, il n'affiche pas le texte, (mais si je Zoom + ou - dans IE le texte apparait? )

**Sayrus** · 19/11/2010, 13h42

Ton test est quelque part en ligne?

**gotcha5832** · 19/11/2010, 14h19

je te remercie je t'envoie ca en MP

plugin jCarousel. Comment puis-je positionner un texte descriptif sur chaque image ?

jQuery

Discussions similaires

Partager

Partager