Script defilement d'image ne marche pas
Envoyé par Alto13004
|
Script defilement d'image ne marche pas lundi 26 juillet 2010 10:27:05 |
Salut a tous !!!
Je débute en JS comme beaucoup de monde içi je pense #clin# et je dois passer a coté de quelques chose car je n'arrive pas à faire fonctionner le script (présent sur ce site à la page sur les images en JS) #ben##ben#
Mon but est de faire changer quelques images de fonds automatiquement (sans boutons,ni action que ce soit juste au chargement de la page)dans une Div nommée en_tete2 (voir script plus bas). (Ma page d'accueil est en XHTML + CSS).
voici le script integré à ma page, j'ai essayé en mettant le onload= "aff()"; dans le body mais rien ne se passe ni sous IE8, ni sous Firefox ???
Le chemin de mes images (Dossier "images" à la racine, à l'interieur de ce dossier un autre dossier "diapo" et à l'interieur du dossier "diapo" mes images nommées d0,d1,d2,etc....) mes images sont en jpg.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[www.w3.org];
<html xmlns="[www.w3.org]; xml:lang="fr" >
<head>
<META NAME="Title" CONTENT="Equitation Cheval Dressage" />
<title>Ecurie Saint-Hubert - Accueil</title>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="CSS/design.css" />
<BGSOUND SRC="sound/dreamer.mp3" LOOP="INFINITE" />
<script language="JavaScript1.2">
<!-- ajouter sa page aux favoris des visiteurs -->
var bookmarkurl="[www.ecuriedesainthubert.com"];
var bookmarktitle="Ecurie de Saint-Hubert"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>
<script>
<!-- changer images de fond toutes les 10 sec -->
for (i=0;i<3;i++)
{
var lieu=new Array("d0.jpg","d1.jpg","d2.jpg","d3.jpg"
}
function aff()
{
if (i>2){i=0}
else {i++}
document.getElementById("images/diapo".src=lieu;
setTimeout('aff()',1000);
}
</script>
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete">
<div id="en_tete2">
</div>
</div>
<div id="date">
Nous sommes aujourd'hui le :</font>
<script>
<!-- Donne la date du jour -->
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write("<small><font color='#8b0000' face='Arial'><b>"+daym+"/"+month+"/"+year+"</b></font></small>"
</script>
</div>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="presentation.html">Situation</a></li>
<li><a href="installations.html">Installations</a></li>
<li><a href="activites.html">Activités</a></li>
<li><a href="competitions.html">Compétitions</a></li>
<li><a href="equipe.html">Notre équipe</a></li>
<li><a href="commerce.html">Commerce</a></li>
<li><a href="album.html">Album photos</a></li>
<li><a href="infos.html">Infos pratiques</a></li>
</ul>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<h1>Infos</h1>
<div id="deroulant">
<script language="JavaScript1.2">
<!-- Faire défiler un texte à l'interieur d'une div -->
//Spécifie la largeur de la banderole (en pixels)
var marqueewidth=350
//Specifie la hauteur de la banderole (en pixels)
var marqueeheight=150
//Spécifie la vitesse de défilement (au plus élevé, au plus vite)
var speed=2
//Spécifie le texte de la banderole
var marqueecontents='NOUS RECHERCHONS<br>Pour début septembre<br><br>- Un palefrenier-Soigneur<br><br>- Un moniteur CSO<br><br>Pour de plus amples renseignements, veuillez contacter :<br><br>,'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01" left="-13" top="57">
</ilayer>
</font>
<p> </p>
<p><font color="#0000FF">
</font></p>
<p> </p>
<font color="#0000FF">
<layer name="cmarquee02" left="438" top="799" width=&{marqueewidth}; height=&{marqueeheight};></layer>
</font></div>
</div>
<div align="center">
<p align="center">
</p>
</div>
</div>
<div id="favoris">
<a href="javascript:window.external.AddFavorite('http://www.ecuriedesainthubert.com','Ecurie de Saint-Hubert')">
</a>
<a href="javascript:window.external.AddFavorite('http://www.ecuriedesainthubert.com','Ecurie de Saint-Hubert')"><font size="3" color="black">Ajoutez
ce site à vos favoris</font>
</a>
<br />
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>Copyright "Alto13" 2010, tous droits réservés</p>
</div>
</body>
</html>
Faut il rajouter une commande dans le code au niveau de la div ? ou bien dans le fichier CSS ??
Merci de vos réponses !!!!!!
Je débute en JS comme beaucoup de monde içi je pense #clin# et je dois passer a coté de quelques chose car je n'arrive pas à faire fonctionner le script (présent sur ce site à la page sur les images en JS) #ben##ben#
Mon but est de faire changer quelques images de fonds automatiquement (sans boutons,ni action que ce soit juste au chargement de la page)dans une Div nommée en_tete2 (voir script plus bas). (Ma page d'accueil est en XHTML + CSS).
voici le script integré à ma page, j'ai essayé en mettant le onload= "aff()"; dans le body mais rien ne se passe ni sous IE8, ni sous Firefox ???
Le chemin de mes images (Dossier "images" à la racine, à l'interieur de ce dossier un autre dossier "diapo" et à l'interieur du dossier "diapo" mes images nommées d0,d1,d2,etc....) mes images sont en jpg.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[www.w3.org];
<html xmlns="[www.w3.org]; xml:lang="fr" >
<head>
<META NAME="Title" CONTENT="Equitation Cheval Dressage" />
<title>Ecurie Saint-Hubert - Accueil</title>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="CSS/design.css" />
<BGSOUND SRC="sound/dreamer.mp3" LOOP="INFINITE" />
<script language="JavaScript1.2">
<!-- ajouter sa page aux favoris des visiteurs -->
var bookmarkurl="[www.ecuriedesainthubert.com"];
var bookmarktitle="Ecurie de Saint-Hubert"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>
<script>
<!-- changer images de fond toutes les 10 sec -->
for (i=0;i<3;i++)
{
var lieu=new Array("d0.jpg","d1.jpg","d2.jpg","d3.jpg"
}
function aff()
{
if (i>2){i=0}
else {i++}
document.getElementById("images/diapo"
.src=lieu;setTimeout('aff()',1000);
}
</script>
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete">
<div id="en_tete2">
</div>
</div>
<div id="date">
Nous sommes aujourd'hui le :</font>
<script>
<!-- Donne la date du jour -->
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write("<small><font color='#8b0000' face='Arial'><b>"+daym+"/"+month+"/"+year+"</b></font></small>"
</script>
</div>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="presentation.html">Situation</a></li>
<li><a href="installations.html">Installations</a></li>
<li><a href="activites.html">Activités</a></li>
<li><a href="competitions.html">Compétitions</a></li>
<li><a href="equipe.html">Notre équipe</a></li>
<li><a href="commerce.html">Commerce</a></li>
<li><a href="album.html">Album photos</a></li>
<li><a href="infos.html">Infos pratiques</a></li>
</ul>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<h1>Infos</h1>
<div id="deroulant">
<script language="JavaScript1.2">
<!-- Faire défiler un texte à l'interieur d'une div -->
//Spécifie la largeur de la banderole (en pixels)
var marqueewidth=350
//Specifie la hauteur de la banderole (en pixels)
var marqueeheight=150
//Spécifie la vitesse de défilement (au plus élevé, au plus vite)
var speed=2
//Spécifie le texte de la banderole
var marqueecontents='NOUS RECHERCHONS<br>Pour début septembre<br><br>- Un palefrenier-Soigneur<br><br>- Un moniteur CSO<br><br>Pour de plus amples renseignements, veuillez contacter :<br><br>,'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01" left="-13" top="57">
</ilayer>
</font>
<p> </p>
<p><font color="#0000FF">
</font></p>
<p> </p>
<font color="#0000FF">
<layer name="cmarquee02" left="438" top="799" width=&{marqueewidth}; height=&{marqueeheight};></layer>
</font></div>
</div>
<div align="center">
<p align="center">
</p>
</div>
</div>
<div id="favoris">
<a href="javascript:window.external.AddFavorite('http://www.ecuriedesainthubert.com','Ecurie de Saint-Hubert')">
</a>
<a href="javascript:window.external.AddFavorite('http://www.ecuriedesainthubert.com','Ecurie de Saint-Hubert')"><font size="3" color="black">Ajoutez
ce site à vos favoris</font>
</a>
<br />
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p>Copyright "Alto13" 2010, tous droits réservés</p>
</div>
</body>
</html>
Faut il rajouter une commande dans le code au niveau de la div ? ou bien dans le fichier CSS ??
Merci de vos réponses !!!!!!
Seuls les utilisateurs enregistrés peuvent poster des messages dans ce forum.