J'ai trouvé un script que je voudrais bien utiliser, mais je n'arrive pas à obtenir de travailler.
La manière dont il est censé se comporter, c'est quand vous cliquez sur une vignette photo sur la droite, la plus grande version apparaît dans le plus grand tableau à la gauche, et le tableau d'ensemble reste là jusqu'à ce que vous cliquiez sur un autre aperçu.
<HTML>
<HEAD>
<TITLE> </ TITLE>
<SCRIPT LANGUAGE="JavaScript">
<! --
newImage fonction (arg) (
if (document.images) (
rslt = new Image ();
rslt.src = arg;
retour rslt;
)
)
changeImages fonction () (
if (document.images & & (preloadFlag == true)) (
for (var i = 0; i <changeImages.arguments. longueur; i + = 2) (
document [changeImages.arguments [i]]. src = changeImages.arguments [i +1];
)
)
)
preloadFlag var = false;
preloadImages fonction () (
if (document.images) (
eddie_new_02_eddie_new_03_over = newImage ( "images/eddie_new_02-eddie_new_03_o.gif");
eddie_new_03_over = newImage ( "images/eddie_new_03-over.gif");
eddie_new_04_eddie_new_03_over = newImage ( "images/eddie_new_04-eddie_new_03_o. gif ");
eddie_new_04_eddie_new_08_over = newImage ( "images/eddie_new_04-eddie_new_08_o.gif");
eddie_new_04_eddie_new_11_over = newImage ( "images/eddie_new_04-eddie_new_11_o.gif");
eddie_new_04_eddie_new_14_over = newImage ( "images/eddie_new_04-eddie_new_14_o.gif");
eddie_new_05_eddie_new_03_over = newImage ( "images/eddie_new_05-eddie_new_03_o.gif");
eddie_new_05_eddie_new_08_over = newImage ( "images/eddie_new_05-eddie_new_08_o. gif ");
eddie_new_05_eddie_new_11_over = newImage ( "images/eddie_new_05-eddie_new_11_o.gif");
eddie_new_05_eddie_new_14_over = newImage ( "images/eddie_new_05-eddie_new_14_o.gif");
eddie_new_07_eddie_new_08_over = newImage ( "images/eddie_new_07-eddie_new_08_o.gif");
eddie_new_08_over = newImage ( "images/eddie_new_08-over.gif");
eddie_new_10_eddie_new_11_over = newImage ( "images/eddie_new_10-eddie_new_11_o. gif ");
eddie_new_10_eddie_new_14_over = newImage ( "images/eddie_new_10-eddie_new_14_o.gif");
eddie_new_11_over = newImage ( "images/eddie_new_11-over.gif");
eddie_new_13_eddie_new_14_over = newImage ( "images/eddie_new_13-eddie_new_14_o.gif");
eddie_new_14_over = newImage ( "images/eddie_new_14-over. gif ");
preloadFlag = true;
)
)
/ / ->
</ SCRIPT>
</ HEAD>
<BODY BGCOLOR=BLACK ONLOAD="preloadImages();">
<TABLE BORDER=0 align = center valign = CENTER CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/eddie_new_01.gif" WIDTH=189 HEIGHT=97> </ TD>
<TD>
<IMG NAME = "eddie_new_02" src = "images/eddie_new_02. gif "WIDTH = 179 HEIGHT = 97> </ TD>
<TD>
<A HREF = " #"Onclick =" changeImages ( "eddie_new_05", images/eddie_new_05-eddie_new_03_o.gif) ">
<IMG NAME="eddie_new_03" SRC="images/eddie_new_03.gif" WIDTH=92 HEIGHT=97 border=0> </ a> </ TD>
<TD ROWSPAN=4>
<IMG NAME="eddie_new_04" SRC="images/eddie_new_04.gif" WIDTH=11 HEIGHT=370> </ TD>
<TD ROWSPAN=4>
<IMG NAME = "eddie_new_05" src = "images/eddie_new_05. gif "WIDTH = 249 HEIGHT = 370> </ TD>
</ TR>
<TR>
<TD>
<IMG SRC="images/eddie_new_06.gif" WIDTH=189 HEIGHT=87> </ TD>
<TD>
<IMG NAME="eddie_new_07" SRC="images/eddie_new_07.gif" WIDTH=179 HEIGHT=87> </ TD>
<TD>
<A HREF = " #"Onclick =" changeImages ( "eddie_new_05", images/eddie_new_05-eddie_new_08_o.gif) ">
<IMG NAME = "eddie_new_08" src = "images/eddie_new_08. gif "WIDTH = 92 HEIGHT = 87 BORDER = 0> </ A> </ TD>
</ TR>
<TR>
<TD>
<IMG SRC="images/eddie_new_09.gif" WIDTH=189 HEIGHT=88> </ TD>
<TD>
<IMG NAME="eddie_new_10" SRC="images/eddie_new_10.gif" WIDTH=179 HEIGHT=88> </ TD>
<TD>
<A HREF = " #"Onclick =" changeImages ( "eddie_new_04", images/eddie_new_04-eddie_new_11_o.gif, "eddie_new_05", images/eddie_new_05-eddie_new_11_o. gif ", eddie_new_10", images/eddie_new_10-eddie_new_11_o.gif ", eddie_new_11", images/eddie_new_11-over.gif) "
OnMouseOver = "changeImages (" eddie_new_11 ", images/eddie_new_11-over.gif); return true;"
OnMouseOut = "changeImages (" eddie_new_04 ", images/eddie_new_04.gif," eddie_new_10 ", images/eddie_new_10.gif," eddie_new_11 ", images/eddie_new_11.gif); return true;">
<IMG NAME = "eddie_new_11" src = "images/eddie_new_11. gif "WIDTH = 92 HEIGHT = 88 BORDER = 0> </ A> </ TD>
</ TR>
<TR>
<TD>
<IMG SRC="images/eddie_new_12.gif" WIDTH=189 HEIGHT=98> </ TD>
<TD>
<IMG NAME="eddie_new_13" SRC="images/eddie_new_13.gif" WIDTH=179 HEIGHT=98> </ TD>
<TD>
<A HREF = " #"Onclick =" changeImages ( "eddie_new_04", images/eddie_new_04-eddie_new_14_o.gif, "eddie_new_05", images/eddie_new_05-eddie_new_14_o. gif ", eddie_new_10", images/eddie_new_10-eddie_new_14_o.gif ", eddie_new_13", images/eddie_new_13-eddie_new_14_o.gif ", eddie_new_14", images/eddie_new_14-over.gif) "
OnMouseOver = "changeImages (" eddie_new_14 ", images/eddie_new_14-over.gif); return true"
OnMouseOut = "changeImages (" eddie_new_04 ", images/eddie_new_04.gif," eddie_new_10 ", images/eddie_new_10.gif," eddie_new_13 ", images/eddie_new_13.gif," eddie_new_14 ", images/eddie_new_14. gif); return true; ">
<IMG NAME="eddie_new_14" SRC="images/eddie_new_14.gif" WIDTH=92 HEIGHT=98 border=0> </ a> </ TD>
</ TR>
</ TABLE>
</ TR>
</ TABLE>
</ BODY>
</ HTML>
Mais dans la page ci-dessous, cela ne fonctionne pas. Quoi de mal à la page ci-dessous?
Je ne s'applique que le comportement désiré à deux des vignettes dans la page ci-dessous.
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN">
<html>
<head>
<title> </ title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css"> href="lb.css"
<script language="JavaScript" type="text/Javascript">
<! --
MM_preloadImages fonction () (/ / v3.0
var d = document; if (d.images) (if (! d.MM_p) d. MM_p = new Array ();
var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <a.length; i + +)
if (a [i]. indexOf ( " #")! = 0) (d.MM_p [j] = new Image; d.MM_p [j + +]. Src = a [i];))
)
function MM_swapImgRestore () (/ / v3.0
var i, x, a = document.MM_sr; for (i = 0; a & & i <a.length & & (x = a [i]) & & x.oSrc; i + +) x.src = x.oSrc;
)
fonction MM_findObj (n, d) (/ / v4.01
var p, i, x; if (! d) d = document; if ((p = n.indexOf ("?"))> 0 & & pare not.frames. length) (
d = pare not.frames [n.substring (p +1)]. document; n = n.substring (0, p);)
if (! (x = d [n]) & & d.all) x = d.all [n]; for (i = 0;! x & & i <d.forms.length; i + +) x = d.forms [i] [ n];
for (i = 0;! d.layers x & & & & i <d.layers.length; i + +) x = MM_findObj (n, d.layers [i]. document);
if (! & & d.getElementById x) x = d.getElementById (n); return x;
)
MM_swapImage fonction () (/ / v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); i + = 3)
if ((x = MM_findObj (a [i ]))!= null) (document.MM_sr [j + +] = x; if (! x.oSrc) x.oSrc = x.src; x.src = a [i + 2];)
)
//-->
</ script>
<SCRIPT LANGUAGE="JavaScript">
<! --
newImage fonction (arg) (
if (document.images) (
rslt = new Image ();
rslt.src = arg;
retour rslt;
)
)
changeImages fonction () (
if (document. images & & (preloadFlag == true)) (
for (var i = 0; i <changeImages.arguments.length; i + = 2) (
document [changeImages.arguments [i]]. src = changeImages.arguments [i +1];
)
)
)
preloadFlag var = false;
preloadImages fonction () (
if (document.images) (
laurie_1 = newImage ( "images/laurie_1.jpg");
laurie_2 = newImage ( "images/laurie_2.jpg");
laurie_3 = newImage ( "images/laurie_3.jpg");
laurie_4 = newImage ( "images/laurie_4. jpg ");
laurie_5 = newImage ( "images/laurie_5.jpg");
laurie_6 = newImage ( "images/laurie_6.jpg");
laurie_11 = newImage ( "images/laurie_11.jpg");
preloadFlag = true;
)
)
/ / ->
</ SCRIPT>
</ head>
<body background = "images / back.gif" onLoad = "MM_preloadImages (images / contact-r.gif, images / resume-r.gif, images / home-r.gif, images / bio-r.gif, images / reels-r. gif) ">
<table width="727" border="0" cellpadding="0" cellspacing="0">
<! - DWLayoutTable ->
<tr>
<td width="111" height="68"> </ td>
<td width="51"> </ td>
<td width="531" valign="top"> <table Width="100%" border="0" cellpadding="0" cellspacing="0">
<! - DWLayoutTable ->
<tr>
<td width="531" height="68" valign="top"> <div align="right"> <img src = "images / title-noir. jpg "width =" 300 "height =" 63 "> </ div> </ td>
</ tr>
</ table> </ td>
<td width="34"> </ td>
</ tr>
<tr>
<td height="300" valign="top"> <table Width="100%" border="0" cellpadding="0" cellspacing="0">
<! - DWLayoutTable ->
<tr>
<td width="110" height="50" valign="top"> <a href = "index.html" onMouseOver = "MM_swapImage (" Image2 ", les images / home-r. gif, 1) "onMouseOut =" MM_swapImgRestore ()">< img src = "images / home.gif" name = "Image2" width = "110" height = "50" border = "0" id = "Image2"> </ a> </ td>
<td width="1"> </ td>
</ tr>
<tr>
<td height="50" colspan="2" valign="top"> <a href = "bio.htm" onMouseOver = "MM_swapImage (" Image3 ", les images / bio-r.gif, 1)" onMouseOut = "MM_swapImgRestore ()">< img src =" images / bio. gif "name =" Image3 "width =" 110 "height =" 50 "border =" 0 "id =" Image3 "> </ a> </ td>
</ tr>
<tr>
<td height="50" colspan="2" valign="top"> <a href = "resume.htm" onMouseOver = "MM_swapImage (" Image4 ", les images / resume-r.gif, 1)" onMouseOut = "MM_swapImgRestore ()">< img src =" images / CV. gif "name =" Image4 "width =" 110 "height =" 50 "border =" 0 "id =" Image4 "> </ a> </ td>
</ tr>
<tr>
<td height="50" colspan="2" valign="top"> <img src = "images / photos-r.gif" name = "image5" width = "110" height = "50" border = "0 "id =" image5 "> </ td>
</ tr>
<tr>
<td height="50" colspan="2" valign="top"> <a href = "reels.htm" onMouseOver = "MM_swapImage (" image6 ",, images / bobines-r. gif, 1) "onMouseOut =" MM_swapImgRestore ()">< img src = "images / reels.gif" name = "image6" width = "110" height = "50" border = "0" id = "image6"> </ a> </ td>
</ tr>
<tr>
<td height="50" colspan="2" valign="top"> <a href = "contact.htm" onMouseOver = "MM_swapImage (" Image1 ", les images / contact-r.gif, 1)" onMouseOut = "MM_swapImgRestore ()">< img src =" images / contact. gif "name =" Image1 "width =" 110 "height =" 50 "border =" 0 "id =" Image1 "> </ a> </ td>
</ tr>
</ table> </ td>
<td> </ td>
<td valign="top"> rowspan="2" <table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" bgcolor = " #FFFFFF ">
<! - DWLayoutTable ->
<tr>
<td width = "269" rowspan = "4" valign = "top" bgcolor = " #000000 "class =" grn "> <div align="center">
<p> <br>
name="laurie_1" src="images/laurie_1.jpg" <img width="250" height="379"> <br>
</ p>
</ div> </ td>
<td width = "38" rowspan = "4" valign = "top" bgcolor = " #000000 "> <! - DWLayoutEmptyCell -> </ td>
<td width="18" rowspan="3" valign="top"> <div align="center">
</ p>
</ div> </ td>
<td width="75" height="1"> </ td>
<td width="18"> </ td>
<td width="113" rowspan="3" valign="top"> <div align="center">
<p> <br>
<img src = "images/laurie_1_75_b. jpg "name =" laurie_1_75_b "width =" 75 "height =" 116 "border =" 0 "> <A HREF =" #"Onclick =" changeImages ( "laurie_1", images/laurie_3.jpg) "> <img name="laurie_3_75_b" src="images/laurie_3_75_b.jpg" width="75" height="116" border="0"> </ a> <img src = "images/laurie_11_75_b. jpg "name =" laurie_11_75_b "width =" 75 "height =" 114 ">
</ p>
</ div> </ td>
</ tr>
<tr>
<td valign="top"> height="100" <br>
<A HREF = " #"Onclick =" changeImages ( "laurie_1", images/laurie_2.jpg) ">
<img name="laurie_2_75_b" src="images/laurie_2_75_b.jpg" width="75" height="82" border="0"> </ a> </ td>
<td valign="top"> rowspan="2" <! - DWLayoutEmptyCell -> </ td>
</ tr>
<tr>
<td height="289"> </ td>
</ tr>
<tr>
<td height="36" colspan="4" valign="top"> <div align="center"> <font size="1"> <br>
1 | 2 </ font> </ div> </ td>
</ tr>
</ table> </ td>
<td> </ td>
</ tr>
<tr>
<td height="126"> </ td>
<td> </ td>
< ; td> </ td>
</ tr>
<tr>
<td height="59"> </ td>
<td> </ td>
<td> </ td>
<td> </ td>
</ tr>
</ table>
</ body>
</ html>
Mars 29th, 2004, 3:10 pm
