J´ai mis un script pour créer une visionneuse de photo ( avec " image suivante et précédente", " start", " stop"...). Seulement, la visionneuse étant verticale, les photos hoizontales se sont trouvées complètement écrasées... Mais la visionneuse marche tout de même parfaitement.
Pour y remédier, j´ai créer 2 visionneuses, un verticale et une horizontale, sur la même page. Mais là, un autre problème : Frontpage ( certains diront que c´est nul je sais) m´annonce qu´il y a une erreur de script...
Et là, je ne sais pas quoi faire ( je ne suis pas un boss en informatique^^)

Alors, je vous demande juste un petit coup de pousse

Ah oui ! et les 2 scripts ( les 2 entre les balises < BODY> et</BODY> :

vertical < SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if ( document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if ( current-1 > = 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = ( text == " Stop") ? " Start" : " Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if ( document.slideform.slidebutton.value == " Stop") {
current = ( current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
/ / End -->
< /script>

< form name=slideform>
< div align="center">
< center>
< table cellspacing=1 cellpadding=4 bgcolor="#336699" bordercolor="#336699">
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
Quelques photos pour débuter... Nous mettrons les autres d´ici 2 à 3 semaines
!
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" width=200 height=150 bordercolor="#336699">
< img src="Photos/dcp_0077.jpg" name="show" width="360" height="480">
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
< select name="slide" onChange="change();">
< option value="Photos/dcp_0077.jpg" selected>Photo 1
< option value="Photos/dcp_0119.jpg">Photo 2
< option value="Photos/dcp_0100.jpg">Photo 3
< option value="Photos/dcp_0113.jpg">Photo 4
< option value="Photos/dcp_0071.jpg">Photo 5
< option value="Photos/dcp_0111.jpg">Photo 6
< option value="Photos/dcp_0149.jpg">Photo 7
< /select>
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
< input type=button onClick="first();" value="|<<" title="Beginning">
< input type=button onClick="previous();" value="<<" title="Previous">
< input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
< input type=button onClick="next();" value=">>" title="Next">
< input type=button onClick="last();" value=">>|" title="End">
< /td>
< /tr>
< /table>
< /center>
< /div>
< /form>

Horizontal < SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if ( document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if ( current-1 > = 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = ( text == " Stop") ? " Start" : " Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if ( document.slideform.slidebutton.value == " Stop") {
current = ( current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
/ / End -->
< /script>

< form name=slideform>
< div align="center">
< center>
< table cellspacing=1 cellpadding=4 bgcolor="#336699" bordercolor="#336699">
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
Quelques photos pour débuter... Nous mettrons les autres d´ici 2 à 3 semaines
!
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" width=200 height=150 bordercolor="#336699">
< img src="Photos/dcp_0455.jpg" name="show" width="576" height="432">
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
< select name="slide" onChange="change();">
< option value="Photos/dcp_0455.jpg" selected>Photo 1
< option value="Photos/dcp_0148.jpg">Photo 2
< option value="Photos/dcp_0434.jpg">Photo 3
< option value="Photos/dcp_0162.jpg">Photo 4
< option value="Photos/dcp_0070.jpg">Photo 5
< option value="Photos/dcp_0101.jpg">Photo 6
< option value="Photos/dcp_0129.jpg">Photo 7
< option value="Photos/dcp_0438.jpg">Photo 8
< /select>
< /td>
< /tr>
< tr>
< td align=center bgcolor="#336699" bordercolor="#336699">
< input type=button onClick="first();" value="|<<" title="Beginning">
< input type=button onClick="previous();" value="<<" title="Previous">
< input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
< input type=button onClick="next();" value=">>" title="Next">
< input type=button onClick="last();" value=">>|" title="End">
< /td>
< /tr>
< /table>
< /center>
< /div>
< /form>

Snif... Personne ne m´aide !
Mais non je rigole ! Prenez votre temps : je sais je suis chiant avec ma demande ! ^^

Un p´tit