| image cliquable qui change.. possbile? | |
|
poussette59
{ Membre }
Messages : 236
| 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 | | |
|
| |
eckinox
{ Membre }
Messages : 195
| 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. | | |
|
| |
poussette59
{ Membre }
Messages : 236
| Oooh merci beaucoup Eckinos <3 | | |
|
| |
eckinox
{ Membre }
Messages : 195
| 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... | | |
|
| |
eckinox
{ Membre }
Messages : 195
| 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 ^^ ? | | |
|
| |
poussette59
{ Membre }
Messages : 236
| pas mal ce défilement je tente ça dans la soirée je te tiens au courant merci pour tes recherches <3 | | |
|
| |
eckinox
{ Membre }
Messages : 195
| De rien, Confirme moi si c'est se qu'il te fallait hien xD ^^ | | |
|
| |
poussette59
{ Membre }
Messages : 236
| 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 | | |
|
| |
eckinox
{ Membre }
Messages : 195
| 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> | | |
|
| |
poussette59
{ Membre }
Messages : 236
| 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)
| | |
|
| |
eckinox
{ Membre }
Messages : 195
| T'as pas oublier de mettre les lien des images xD? | | |
|
| |
poussette59
{ Membre }
Messages : 236
| 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> | | |
|
| |
eckinox
{ Membre }
Messages : 195
| ---> http://testeckinox.forumgratuit.org/index.htm Dit moi si sa te convient ^^ | | |
|
| |
poussette59
{ Membre }
Messages : 236
| Coucou Oui parfait !!! on peu retirer la petite bande noir par hasard? sinon parfait parfait | | |
|
| |
eckinox
{ Membre }
Messages : 195
| 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> | | |
|
| |
poussette59
{ Membre }
Messages : 236
| parfaiiiiiiiiiiiit t'es un amour <3 merci tout plein | | |
|
| |
eckinox
{ Membre }
Messages : 195
| Merci ^^ Et de rien, c'est avec un grand plaisir que je vois que sa te convient | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| 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. | | |
|
| |
Contenu sponsorisé
| |
| |
| image cliquable qui change.. possbile? | |
|