Bonjour et d'avance merci de votre patience et gentillesse.
Tous est dans la question .
Ci-après le script, je souhaite que la taille des images s'adapte à toutes les résolutions d'écran et à tous les navigateurs internet.
Tous est dans la question .
Ci-après le script, je souhaite que la taille des images s'adapte à toutes les résolutions d'écran et à tous les navigateurs internet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Bruno Animations</title>
<meta http-aquiv="refresh" content="30">
<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>
</head>
<body>
<ul id="menu_diaporama">
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="#fffc01"> <font size="+3"><b>Photos-Mimes Bruno Animations</b></font>
</td>
</tr>
<tr>
<td align=center bgcolor="#df15dd" width= 100% height= auto>
<img src="JPEG/logo.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#fc0203">
<select name="slide" onChange="change();">
<option value="JPEG/logo.gif">0
<option value="JPEG/arraignee.jpg">1
<option value="JPEG/baleine.jpg">2
<option value="JPEG/bison.jpg">3
<option value="JPEG/canard.jpg">4
<option value="JPEG/castor.jpg">5
<option value="JPEG/cerf.jpg">6
<option value="JPEG/chat.jpg">7
<option value="JPEG/cheval.jpg">8
<option value="JPEG/chevre.jpg">9
<option value="JPEG/chien.jpg">10
<option value="JPEG/crabe.jpg">11
<option value="JPEG/elephant.jpg">12
<option value="JPEG/girafe.jpg">13
<option value="JPEG/grenouille.jpg">14
<option value="JPEG/otarie.jpg">15
<option value="JPEG/pingouin.jpg">16
<option value="JPEG/poule.jpg">17
<option value="JPEG/rhinoceros.jpg">18
<option value="JPEG/serpent.jpg">19
<option value="JPEG/singe.jpg">20
<option value="JPEG/tortue.jpg">21
<option value="JPEG/acteur.jpg">22
<option value="JPEG/agriculteur.jpg">23
<option value="JPEG/animateur.jpg">24
<option value="JPEG/boucher.jpg">25
<option value="JPEG/boulanger.jpg">26
<option value="JPEG/cameraman.jpg">27
<option value="JPEG/cascadeur.jpg">28
<option value="JPEG/carrossier.jpg">29
<option value="JPEG/chanteur.jpg">30
<option value="JPEG/chauffeur.jpg">31
<option value="JPEG/chefdorchestre.jpg">32
<option value="JPEG/coiffeur.jpg">33
<option value="JPEG/couturier.jpg">34
<option value="JPEG/cuisinier.jpg">35
<option value="JPEG/docteur.jpg">36
<option value="JPEG/macon.jpg">37
<option value="JPEG/menuisier.jpg">38
<option value="JPEG/photographe.jpg">39
<option value="JPEG/plombier.jpg">40
<option value="JPEG/poissonnier.jpg">41
<option value="JPEG/soldat.jpg">42
<option value="JPEG/alpiniste.jpg">43
<option value="JPEG/badminton.jpg">44
<option value="JPEG/baseball.jpg">45
<option value="JPEG/billard.jpg">46
<option value="JPEG/boxe.jpg">47
<option value="JPEG/bowling.jpg">48
<option value="JPEG/kayak.jpg">49
<option value="JPEG/course.jpg">50
<option value="JPEG/cyclisme.jpg">51
<option value="JPEG/deltaplane.jpg">52
<option value="JPEG/golf.jpg">53
<option value="JPEG/pingpong.jpg">54
<option value="JPEG/petanque.jpg">55
<option value="JPEG/tiralarc.jpg">56
<option value="JPEG/avion.jpg">57
<option value="JPEG/ballon.jpg">58
<option value="JPEG/bateau.jpg">59
<option value="JPEG/brosseadents.jpg">60
<option value="JPEG/camion.jpg">61
<option value="JPEG/camionpompiers.jpg">62
<option value="JPEG/canape.jpg">63
<option value="JPEG/ceinture.jpg">64
<option value="JPEG/chaise.jpg">65
<option value="JPEG/chaussette.jpg">66
<option value="JPEG/flipper.jpg">67
<option value="JPEG/telephone.jpg">68
<option value="JPEG/valise.jpg">69
<option value="JPEG/accoucher.jpg">70
<option value="JPEG/acheterquelqueschose.jpg">71
<option value="JPEG/bronzer.jpg">72
<option value="JPEG/changerunbebe.jpg">73
<option value="JPEG/cueillirdescerises.jpg">74
<option value="JPEG/compter.jpg">75
<option value="JPEG/clouer.jpg">76
<option value="JPEG/danserunslow.jpg">77
<option value="JPEG/dormir.jpg">78
<option value="JPEG/draguer.jpg">79
<option value="JPEG/embrasser.jpg">80
<option value="JPEG/espionner.jpg">81
<option value="JPEG/fairelavaisselle.jpg">82
<option value="JPEG/pleurer.jpg">83
<option value="JPEG/sedeshabiller.jpg">84
<option value="JPEG/semaquiller.jpg">85
<option value="JPEG/sifler.jpg">86
<option value="JPEG/signer.jpg">87
<option value="JPEG/tondrelapelouse.jpg">88
<option value="JPEG/etremalade.jpg">89
<option value="JPEG/etendredulinge.jpg">90
</select>
</td>
</tr>
</script>
<style type="text/css">
a.bouton
{
width:227px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
<!-- Pour au cas ou vous avez des cases plus grandes ou que vous les souhaitiez d'une autre couleur -->
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton1 { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 227px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton1:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
</ul>
</body>
</html>