image cliquable qui change.. possbile? Bouton_activeimage cliquable qui change.. possbile? Bouton_hoverimage cliquable qui change.. possbile? Fb-hoverimage cliquable qui change.. possbile? Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
image cliquable qui change.. possbile? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
image cliquable qui change.. possbile? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
image cliquable qui change.. possbile? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
image cliquable qui change.. possbile? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
image cliquable qui change.. possbile? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
image cliquable qui change.. possbile? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
image cliquable qui change.. possbile? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
image cliquable qui change.. possbile? EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

Partagez
 

image cliquable qui change.. possbile?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
Bonjour à vous tous!

Voila c'est simple, j'aimerais savoir si un code existe pour faire défilé une à une des images cliquable. C'est a dire par exemple je vois l'image d'un bateau je clic elle me rapporte au lien, puis quelques seconde après elle se change seule pour donnait un autre lien.

je n'ai vu ça sur aucun forum juste que j'aimerais savoir si c'est faisable car je recherche cela pour mon forum.

je ne sais pas si je me suis bien exprimé, c'est simple mais a dire comme ça pas évident :/ n'hésitez pas si je ne suis pas claire

merci beaucoup <3
MessageSujet: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 08:25
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
Je pense que cela est réalisable, mais alors pas en html/css, tu vas devoir te tourner vers du javascript..

Je vais essayer de retrouver un lien avec quelque chose qui se rapproche de se que tu désires.
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 09:30
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
Oooh merci beaucoup Eckinos <3
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 09:32
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
de rien ^^

J'ai trouver ceci : http://www.lecodejava.com/javaaimageslideshow.html
Seul problème, c'est que t'as besoin d'avoir un ftp ou tu stocks toutes tes images afin de lui donner le lien

Car j'ai rien trouver qui te permet de faire tourner des images qui viennes tous depuis un lien internet directement...

Donc je sais pas si ca va te convenir...
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 09:41
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
J'aurai du parler mon vite, car j'ai continuer mes recherches et voici ce qu'il te faut xD :

http://mr-do-just-for-fun.blogspot.com/2009/09/test.html

Cela te va-t-il mieux lol ^^ ?
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 09:46
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
pas mal ce défilement
je tente ça dans la soirée je te tiens au courant
merci pour tes recherches <3
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 13:48
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
De rien, Confirme moi si c'est se qu'il te fallait hien xD ^^
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyMer 08 Sep 2010, 13:49
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
coucou je viens de testé alors je sois pas eêtre forte la dedans car ça ne donne rien du tout !! voici un aperçu de ce que ça fais

https://2img.net/h/oi55.tinypic.com/14ybj2b.jpg
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 13:49
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
Petite subtilité, sur le site dans le code qu'il donne il faut ajouter une petite chose & en corriger une autre, il à été obliger de faire sa pour pas que le code sois interprété.

Alors ligne 1 : il faut ajouter script, se qui donne :
Code:
<script type="text/javascript">

Dernière ligne : il faut supprimer l'espace entre < & /
Code:
</script>
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 14:55
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
Coucou merci pour ta réponse rapide =)
c'est modifié mais maintenant on ne vois plus rien :/
je te laisse voir par toi même http://girlyacademy.allgoo.net/index.htm (sous Activités normalement)
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 15:05
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
T'as pas oublier de mettre les lien des images xD?
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 15:18
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
nan nan j'ai bien tout mit
la preuve:

Code:
<script type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="250px" (modifier la largeur)
//Specify the slider's height
var sliderheight="170px" (modifier la hauteur)
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1 (modifier la vitesse: 1 = lent)
//configure background color:
slidebgcolor="#000000" (modifiez la couleur de fond)

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='< href="http://girlyacademy.allgoo.net/autres-lieux-f55/la-croisiere-de-votre-vie-pour-tous-t11624.htm"> < border="1" src="http://i56.tinypic.com/dyk9om.jpg"> < /a >'
leftrightslide[1]='< href="http://girlyacademy.allgoo.net/les-concours-f70/inscription-au-concours-de-miss-san-francisco-t11695.htm#198267"> < border="1" src="http://i54.tinypic.com/302tfa0.jpg"> < /a >'
leftrightslide[2]='< href="http://girlyacademy.allgoo.net/les-concours-f70/inscription-au-concours-de-mister-san-francisco-t11696.htm#198268"> < border="1" src="http://i51.tinypic.com/8yt5k4.jpg"> < /a >'
//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<>'+leftrightslide.join(imagegap)+'< /nobr >'
var iedom=document.all||document.getElementById
if (iedom)
document.write('< id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'< /span > ')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('< border="0" cellspacing="0" cellpadding="0"> <>')
if (iedom){
write('< style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden"> ')
write('< style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('< id="test2" style="position:absolute;left:0px;top:0px"> < / div >')
write('< id="test3" style="position:absolute;left:-1000px;top:0px"> < / div >')
write('< /div> < /div >')
}
else if (document.layers){
write('< width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+"> ')
write('< left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"> < /layer >')
write('< left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"> < /layer >')
write('< /ilayer >')
}
document.write('< / td > < /table >')
}
}
</script>
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 16:17
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
---> http://testeckinox.forumgratuit.org/index.htm
Dit moi si sa te convient ^^
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 17:06
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
Coucou
Oui parfait !!!
on peu retirer la petite bande noir par hasard?
sinon parfait parfait
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 17:10
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
Biensur..

Voilà le code
Code:
<script type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="230px"
//Specify the slider's height
var sliderheight="127px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#000000"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://girlyacademy.allgoo.net/autres-lieux-f55/la-croisiere-de-votre-vie-pour-tous-t11624.htm"><img border="1" src="http://i56.tinypic.com/dyk9om.jpg"/></a>'
leftrightslide[1]='<a href="http://http://girlyacademy.allgoo.net/les-concours-f70/inscription-au-concours-de-miss-san-francisco-t11695.htm#198267"><img border="1" src="http://i54.tinypic.com/302tfa0.jpg"/></a>'
leftrightslide[2]='<a href="http://girlyacademy.allgoo.net/les-concours-f70/inscription-au-concours-de-mister-san-francisco-t11696.htm#198268"><img border="1" src="http://i51.tinypic.com/8yt5k4.jpg"/></a>'




//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 17:18
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



image cliquable qui change.. possbile? Empty
parfaiiiiiiiiiiiit
t'es un amour <3
merci tout plein
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 09 Sep 2010, 17:25
Revenir en haut Aller en bas
eckinox
eckinox
{ Membre }
{ Membre }

Masculin Messages : 195



image cliquable qui change.. possbile? Empty
Merci ^^

Et de rien, c'est avec un grand plaisir que je vois que sa te convient Wink
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyVen 10 Sep 2010, 04:17
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



image cliquable qui change.. possbile? Empty
Je vois que le problème est réglé, merci de mettre en résolu la prochaine fois Poussette59 !

Depuis le temps que tu es là, tu devrais montrer l'exemple quand même !

Je classe.
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? EmptyJeu 16 Sep 2010, 06:58
Revenir en haut Aller en bas
Contenu sponsorisé




image cliquable qui change.. possbile? Empty
MessageSujet: Re: image cliquable qui change.. possbile?   image cliquable qui change.. possbile? Empty
Revenir en haut Aller en bas
 

image cliquable qui change.. possbile?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» QEEL; image cliquable (pour les groupes).
» Texte qui change au clic d'une image
» Image qui change au passage de la souris RESOLU
» [résolu]Transition d'une image qui change au passage de la souris
» PA cliquable.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit