Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL

Programmation => PHP/MySQL - (x)HTML - ... => Discussion démarrée; par: Mustangs le 17 Octobre 2007, 00:10:42



Titre: code html (javascript) aidez moi si vous le pouvez
Posté par: Mustangs le 17 Octobre 2007, 00:10:42
J'Ai un code html lorsqu'on glisse notre souris sur l'image, un autre image apparaît, j'aimerais rajouter des images de plus.  Comment puis-je modifier mon code. ???

Le voici :
Code:
<script TYPE="text/javascript">
<!--
// www.Bg3mAx.co.nr Website Assistance At Bg3mAx
// Distribute this script freely, but please keep this
// notice with the code.

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>

<A HREF="" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="85TRE.jpg" NAME="home" ALT="" BORDER="0"></A>
<script TYPE="text/javascript">
<!--
setrollover("85TREM.jpg");

//-->
</script>


Merci de votre aide ceci me sera d'un grand s.o.s!!


Titre: Re: code html (javascript) aidez moi si vous le pouvez
Posté par: K@cem le 17 Octobre 2007, 13:53:58
Je n'ai pas compris ce que tu veux faire ...
Que veux tu dire par "rajouter des images" ?


Titre: code html (javascript) aidez moi si vous le pouvez
Posté par: Mustangs le 18 Octobre 2007, 03:26:22
Merci k@cem,

Je voulais dire que si j'ai plusieurs images disont que j'ai 15 images j'en voudrais 3 horizontalement et 5 verticalement.  Comment puis-je changer mon javascript pour réaliser cela. regarder l'effet d'une image en allant sur :

www.lesmustangs.webou.net/test6.htm

Vous aller voir ce que je veux dire. 

J'ai trouver aussi un autre code html et maintenant j'ai réussi à en mettre plusieurs verticalement mais je ne suis pas assez pro pour en insérer horizontalement.  Voici le code il est peut-être plus facile à modifier celui-là ???  je crois qu'il faut que j'ajoute align= mais ou, quand, comment...
 :D d'ici ce temps je cherche. Plus on apprends meilleurs c'est.

vous pouvez regarder ce que je veux dire sur:

www.lesmustangs.webou.net/test8.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>boite d'informations</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
img {
border:4px solid black;
}

#box{
height:80px;
width:80px;
padding:4;
margin:20px;
border:4px solid black;
font:bold 14px verdana, sans-serif;}

#box div{display:none;}

#box:hover div{
display:block;
width:300px;
position:absolute;top:20px;right:20px;
border:4px dashed black;
padding:15px;
font:normal 14px verdana, sans-serif;}
-->
</style>
</head>
<body>

<div id="box"><a href="77COUT.jpg"><img src="77COU.jpg" width="300" height="400" alt=""></A><a href="85TREM.jpg"><img src="85TRE.jpg" width="300" height="400" alt=""><a href="77COUT.jpg"><img src="77COU.jpg" width="300" height="400" alt=""></A><a href="85TREM.jpg"><img src="85TRE.jpg" width="300" height="400" alt=""><a href="77COUT.jpg"><img src="77COU.jpg" width="300" height="400" alt=""></A><a href="85TREM.jpg"><img src="85TRE.jpg" width="300" height="400" alt=""><a href="77COUT.jpg"><img src="77COU.jpg" width="300" height="400" alt=""></A><a href="85TREM.jpg"><img src="85TRE.jpg" width="300" height="400" alt=""></a>
   <div>
   <p><strong>INFORMATIONS</strong></p>
   <p>Lorem ipsum dolor sit amet.</p>
   </div>
</div>
</body>
</html>






Titre: Re: code html (javascript) aidez moi si vous le pouvez
Posté par: K@cem le 18 Octobre 2007, 15:19:38
Pour revenir à la ligne tu insère la balise <br /> là ou tu veux ;)


Titre: Re: code html (javascript) aidez moi si vous le pouvez
Posté par: Mustangs le 19 Octobre 2007, 04:14:41
Bon bien je vais me mettre à la tâche. Par chance que j'aime cela merci K@cem!


Titre: Re: code html (javascript) aidez moi si vous le pouvez
Posté par: chrmag le 16 Décembre 2007, 15:39:58
D'apres ce que j'ai compris, tu dois faire seulement un tableau...