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

19/11/2010, 10h25	#2
Sayrus Membre éprouvé Inscription : décembre 2005 Messages : 818 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : décembre 2005 Messages : 818 Points : 456 Points : 456	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... __________________ Solutions pour concessions et garages automobiles => http://www.fastback.be
	00

19/11/2010, 11h42	#4
Sayrus Membre éprouvé Inscription : décembre 2005 Messages : 818 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : décembre 2005 Messages : 818 Points : 456 Points : 456	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')... __________________ Solutions pour concessions et garages automobiles => http://www.fastback.be
	00

19/11/2010, 13h42	#6
Sayrus Membre éprouvé Inscription : décembre 2005 Messages : 818 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : décembre 2005 Messages : 818 Points : 456 Points : 456	Ton test est quelque part en ligne? __________________ Solutions pour concessions et garages automobiles => http://www.fastback.be
	00

19/11/2010, 10h47	#3
gotcha5832 Nouveau Membre du Club Inscription : septembre 2004 Messages : 236 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 236 Points : 35 Points : 35	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.
	00

19/11/2010, 14h19	#7
gotcha5832 Nouveau Membre du Club Inscription : septembre 2004 Messages : 236 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 236 Points : 35 Points : 35	je te remercie je t'envoie ca en MP
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email