Diaporama : changer l'image des vignettes

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Diaporama : changer l'image des vignettes

Message par alv le Mer 27 Fév 2013, 11:17

Bonjour,
j'ai un code qui fonctionne très bien mais j'ai un petit soucis.
C'est un "diaporama" qui affiche des petites vignettes et au survol, la vignette s'affiche en grand avec le texte correspondant.
Comment faire que dans les petites vignettes, l'image ne s'y affichent pas. Je voudrais mettre une autre image : une image verte pour la vignette active et une blanche pour les inactives. Comment faire dans le code ?
Merci d'avance.


Dernière édition par alv le Sam 09 Mar 2013, 10:15, édité 1 fois (Raison : résolu)
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Jeu 28 Fév 2013, 19:26

Up Very Happy
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Ven 01 Mar 2013, 19:52

Smile up
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Sam 02 Mar 2013, 18:58

Up
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Dim 03 Mar 2013, 19:15

Tssss
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Lun 04 Mar 2013, 19:32

Up svp
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Mar 05 Mar 2013, 19:21

aidez moi
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Mer 06 Mar 2013, 19:49

Up Snifff
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Jeu 07 Mar 2013, 19:51

Up svp
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Ven 08 Mar 2013, 18:48

Up Sad
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par Scoubifitz le Ven 08 Mar 2013, 22:04

bonsoir,
remplacez la partie "style" par celle ci :

Code:
<style type="text/css">
#view1{
/* Diapo */
width: 440px;
height: 220px;
border: solid 1px #41BB1E;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
padding: 0px;
}
.onglet1{
/* Vignettes et texte */
margin: 205px 0px 0px 40px;
}
.onglet-table1 img{
/* Vignettes */
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0px 0px;
width: 0px;
height: 18px;
}
.onglet-table1 td.active, .onglet-table1 td:hover{
/* Vignette active */
opacity: 1;
background:#41BB1E;
border: solid 2px #41BB1E;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.onglet-table1 td{
/* Vignettes non actives */
opacity: 0.8;
background:#ffffff;
border: solid 2px #339966;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
width: 18px;
height: 18px;
}
.onglet-content1 > div{
/* Texte */
display: none;
font-size: 13px;
color: white;
line-height: 1.8;
text-align: justify;
border: solid 0px;
padding: 5px;
width: 160px;
height: 210px;
margin: -233px 0px 0px 230px;
border-radius: 0px 17px 17px 0px;
-moz-border-radius: 0px 17px 17px 0px;
-webkit-border-radius: 0px 17px 17px 0px;
background-image: url('XXX.png');
background-repeat:no-repeat;
}
.onglet-content1 > div.active{
display: block;
}
.onglet-table1{
border-spacing: 2px;
}
</style>
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3593
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Diaporama : changer l'image des vignettes

Message par alv le Sam 09 Mar 2013, 10:14

Merci, nickel.

merci résolu
avatar

alv
Membre habitué(e)

Messages : 1323
Inscrit(e) le : 09/07/2012

https://peuplevert.forumloire.com/
alv a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum