Rollover comme sur OM.net

Up !

j'vois vraiment pas ce que tu veut ...

Un rollover est un bouton, et toi tu veut une actu sur ton site...

Faire le rollover, le truc de news, avec l'image, le titre et une courte description, un truc qui change quand on passe la souris sur la miniature

et bien : Comment faire un rollover ?

Tout simplement.

(temps de recherche : 5 secondes)

Non, c'est pas ça ! Car c'est un rollover sur une autre image

t'es spéciale ou ses moi qui louche ??

Le site indiquer plus haut te montre les script pour faire le rollover avec 2 OU 3 images.

Tu a les deux option, si tu veut une image qui change lorsque tu passe ta souris dessus alors ses un truck du genre :

<HTML> 
 <HEAD> 
        
  </HEAD> 
  <BODY> 
   <A HREF="votre-lien.html" onmouseover="monrollover.src='image-subsitution.gif';" onmouseout="monrollover.src='image-defaut.gif';"> 
    <IMG SRC="image-defaut.gif" name="monrollover" border=0> 
   </A> 
  </BODY> 
</HTML>

(haut de page du site)

sauf qu'eux le montre avec des bouton mais toi tu met tes deux images, une qui est fixe et l'autre qui s'affiche quand tu passe taa souris dessus...

Ses dur ?

J'ai trouver ce script là :
Mais le rollover ne marche pas :

<html>
<head>
<title>100% Rallye Wrc, Nationaux, Régionaux</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<script>
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]="http://img822.imageshack.us/img822/8968/testjsfg.jpg"()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("http://s.olweb.fr/ol/image/article/illustration/hd/277/55375.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg")
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td><a
href="http://img822.imageshack.us/img822/8968/testjsfg.jpg"
onmouseover="http://s.olweb.fr/ol/image/article/illustration_s/g/256/51123.jpg"><img
style="border: 0px solid ; width: 150px; height: 50px;"
title="Test"
src="http://img822.imageshack.us/img822/8968/testjsfg.jpg"
alt=""></a><br>
<a href="#"
onmouseover="changeimage(myimages[1],this.href)"><img
src="http://img822.imageshack.us/img822/8968/testjsfg.jpg"
alt="" border="0"></a><br>
<a href="#"
onmouseover="changeimage(myimages[0],this.href)"><img
src="http://img822.imageshack.us/img822/8968/testjsfg.jpg"
alt="" border="0"></a><br>
<a href="#"
onmouseover="changeimage(myimages[1],this.href)"><img
src="http://img822.imageshack.us/img822/8968/testjsfg.jpg"
alt="" border="0"></a><br>
</td>
<td><a
href="100%25%20Rallye%20Wrc,%20Nationaux,%20R%E9gionaux.html#"><img
style="border: 0px solid ; width: 300px; height: 201px;" alt=""
src="http://s.olweb.fr/ol/image/article/illustration/hd/277/55375.jpg"
name="myimages[1]"></a></td>
<td></td>
</tr>
</tbody>
</table>
<div style="text-align: center;"></div>
</body>
</html>
(je l'ai modifié, par les images)

je vois mieux se que tu veut, enfin si je me trompe pas.

Tu veut que, quand tu passe ta souris sur un des bouton de gauche, l'image de droite (grande) change...

ses sa ?

Oui.

D'accord, je voulais le faire mais plusieurs personne m'avait dit que c'était du flash, mais bon je connaissait pas du tout le secteur :D

2 minutes je vais voir sa.

Merci.

Pour tester j'ai ajouter une page de mon site :D

sa se présente comme sa ton code : Page de test

Ha tu cela ?

Oui.

Ok, je vais essayer de voir sa, mais sa sera avec mes images de test, parce que j'ai pas les ressources des tienne ok ?

tu pourra modifier comme tu veut après

Oui, oui ...

J'ai un peut de mal a comprendre, les images sont bien distinguer mais la grande veut pas changer...

<html>
<head>
<title>100% Rallye Wrc, Nationaux, Régionaux</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<script>
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[0]=src="http://gizmodo.com/assets/resources/2007/12/images.jpeg"()
myimages[1]=src="http://www.hobbyfun.be/nietklikken.gif"
myimages[2]=src="http://media.paperblog.fr/..."
myimages[3]=src="http://t0.gstatic.com/..."
myimages[0].src=preloadimages.arguments[i]
}
}
preloadimages("http://s.olweb.fr/ol/image/article/illustration/hd/277/55375.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg","http://img822.imageshack.us/img822/8968/testjsfg.jpg")
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<a href="http://gizmodo.com/assets/resources/2007/12/images.jpeg"
onmouseover="changeimage(myimages[0],this.href)"><img
style="border: 0px solid ; width: 150px; height: 50px;"
title="Test"
src="http://gizmodo.com/assets/resources/2007/12/images.jpeg"
alt=""></a><br>
<a href="http://www.hobbyfun.be/nietklikken.gif"
onmouseover="changeimage(myimages[1],this.href)"><img
src="http://www.hobbyfun.be/nietklikken.gif"
alt="" border="0"></a><br>
<a href="http://media.paperblog.fr/..."
onmouseover="changeimage(myimages[2],this.href)"><img
src="http://media.paperblog.fr/..."
alt="" border="0"></a><br>
<a href="http://t0.gstatic.com/..."
onmouseover="changeimage(myimages[3],this.href)"><img
src="http://t0.gstatic.com/..."
alt="" border="0"></a><br>
</td>
<td><a
href="100%25%20Rallye%20Wrc,%20Nationaux,%20R%E9gionaux.html#"><img
style="border: 0px solid ; width: 300px; height: 201px;" alt=""
src="http://s.olweb.fr/ol/image/article/illustration/hd/277/55375.jpg"
name="myimages[1]"></a></td>
<td></td>
</tr>
</tbody>
</table>
<div style="text-align: center;"></div>
</body>
</html>

C'est ça, le problème !

trouvé, enfin sur leur site ...

il utilise sa comme code pour, par exemple "le havre ac récolte"

mais il y a un h2 et ses des documents text qui sont derrière.

je vais essayer de le retravailler...

le voici :

<h2><a target="_self" href="/ligue2/article/le-havre-ac-recolle.htm" class="handler ">
Le Havre AC recolle <br /><span class='cat'>Ligue 2</span>
</a>
</h2>
<div id="actu1" class="new">
<img width="435" height="279" title="© Panoramic" alt="Mendes Da Graça a marqué l'unique but de la rencontre" src="/images/photos/home/web/une//1011_L2_Le_Havre_Chateauroux_Mendes_Imorou.jpg" /> <div class="box_actu">
<div>

<p>Au stade Jules Deschaseaux, le Havre AC s'est imposé face à la Berrichonne de Châteauroux (1-0). Les Normands reviennent au pied du podium, à deux points du CS Sedan.</p>
<p><a target="_self" href="/ligue2/article/le-havre-ac-recolle.htm" title="Lire l'article Le Havre AC recolle">Lire l'article</a></p>
</div>
</div>
</div>
</li><li >

en gras ses les text qui sont visible sur le site.

Ok, merci !

o la vache, ses efficace purer !

j'ai absolument tout les dossier du serveur ftp du site !

moi qui croyait avoir que les pages html :D

bon du coup je vais même te passer le fichier text pour les alignement etc du truck.

tout est en fichier temp, donc une fois fini je le metterais sur un hebergement pour que tu puise télécharger se qu'il faut de façons a parler le même langage.

Je continue et je te tien au courant.

Edit : ses WinHTTrack Website Copier si un jour tu a besoin pour autre chose
Cordialement.
Jim