Bonjour, pour la création de mon site, je voudrais faire un rollover pour afficher les news comme sur les sites : https://www.lfp.fr/ https://www.om.fr/fr https://www.ol.fr/fr-FR/prehome https://fr.uefa.com/ Avez-vous un script ? Svp. Configuration: Windows XP / Safari 534.10

Rollover comme sur OM.net

Réponse 1 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 10:49

Up !

Réponse 2 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
Modifié par jimmy1120112 le 1/02/2011 à 11:02

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

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

Réponse 3 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:02

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

Réponse 4 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
Modifié par jimmy1120112 le 1/02/2011 à 11:07

et bien : Comment faire un rollover ?

Tout simplement.

(temps de recherche : 5 secondes)

Réponse 5 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:07

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

Réponse 6 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
Modifié par jimmy1120112 le 1/02/2011 à 11:12

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 ?

Réponse 7 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:14

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)

Réponse 8 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
Modifié par jimmy1120112 le 1/02/2011 à 11:19

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 ?

Réponse 9 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:19

Oui.

Réponse 10 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:22

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.

Réponse 11 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:23

Merci.

Réponse 12 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:28

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 ?

Réponse 13 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:28

Oui.

Réponse 14 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:30

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

Réponse 15 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:31

Oui, oui ...

Réponse 16 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:43

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>

Réponse 17 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:44

C'est ça, le problème !

Réponse 18 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:50

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.

Réponse 19 / 25

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:54

Ok, merci !

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 11:56

attend ses pas fini .. mdr !

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 11:57

J'anticipe ! ;)

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 12:16

bn, j'arrive pas a changer la partie du script pour qu'il fonctionne au poil.

Je vais le pomper, sa risque de prendre un peut de temps par contre.

A tout a l'heure.

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 12:19

Ok, mais, tu veux faire quoi, parce que moi, c'est un site de foot que je fais, et après, je met des articles ...

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 12:27

oui je sais, mais ses pour pomper le fonctionnement et te le passer.

Pour que tu l'intègre ensuite sur ton site.

Réponse 20 / 25

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
Modifié par jimmy1120112 le 1/02/2011 à 14:29

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

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 14:55

J'arrive pas a trouver la source principale du h2, les paramètres sont dans 3 fichier différents, se un peut la merde :D

Derrière tout sa ses gérer par du jquery un interface utilisateur pour géré le site.

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 17:40

J'ai pas trop compris, tu as le code dont j'ai besoin ?

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 18:17

il est diviser en plusieurs fichier, je les met en ligne.

LisandrOL Messages postés 60 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 4 janvier 2015
1 févr. 2011 à 18:24

ok, merci

jimmy1120112 Messages postés 619 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
1 févr. 2011 à 19:01

http://dl.free.fr/getfile.pl?file=/xRt0hoTA

Rollover comme sur OM.net

25 réponses

Discussions similaires

Newsletters