Titre: Imbrication d'un script rollover et d'un script de defilement d'images. (RESOLU)
Posté par: rom9com le le 27-04-2006 a 15:16:00
Bonjour, j'ai un petit problème d'intégration entre deux scripts, en effet j'utilise plusieurs rollovers sans lien qui servent a modifier une autre image dans la page, jusque la tout va bien aucun probleme, mais pour la seconde image qui doit etre modifié, au lieu d'une image fixe je voudrais faire apparaitre un defilement d'image, script que j'ai modifié et qui fonctionne aussi, mais pour cela, il faudrait que je reussisse a remplacer les chemine de images 5 par ce qui est dans mon code img id=scriprojets... après de nombreux essais infructueux je me tourne vers vous en joignant les morceaux de code adequats pour comprendre (donc voila si quelqu'un a une solution adequat pour imbriquer mon
<head>
<script language="JavaScript">
function rollover(lieu1,source1,lieu2,source2,lieu3,source3,lieu4,source4,lieu5,source5) {
lieu1.src = source1;
lieu5.src = source5;
}
function rollout(lieu1,source1,lieu2,source2,lieu3,source3,lieu4,source4,lieu5,source5) {
lieu1.src = source1;
lieu5.src = source5;
}
</script>
<script>
var imga=new Array();
imga[0]="projets/01.jpg";
imga[1]="projets/02.jpg";
imga[2]="projets/03.jpg";
imga[3]="projets/04.jpg";
var cpta=0;
function sprojets()
{
document.getElementById("scriprojets").src=imga[cpta];
cpta++;
if(cpta>=imga.length) cpta=0;
setTimeout("sprojets()",1500);
}
</script>
</head>
<body onLoad="sprojets()>
<a style="cursor:pointer" OnMouseOver="rollover(image1,'projetsbis.jpg',image5,'projets/01.jpg');" OnMouseOut="rollout(image1,'projets.jpg',image5,'photo.jpg');"><img src="projets.jpg" name="image1" border="0"></a>
<img src="photo.jpg" name="image5" border="0">
</body>
(mais voila je voudrais remplacer image5/projets/01.jpg par <img id="scriprojets" src="projets/01.jpg" alt="" > qui grace au second script afficherait une série d'images et non une image fixe, si quelq'un a une idée pour imbriquer ça parceque je tatonne et ai fait de nombreux essais mais ne suis parvenu a rien de satisfaisant.)
En attendant vos réponses et en vou en remerciant à l'avance ! |
Titre: Re:Imbrication d'un script rollover et d'un script de defilement d'images....
Posté par: rom9com le le 27-04-2006 a 21:16:59
Bon et ben avant meme d'avoir eu une réponse, j'ai trouvé une solution, je publie donc le code ici des fois qu'il puisse interesser quelq'un et lui servir :
(résultat visible à l'adresse : http://www.davidmerl.com/portfolio/portfolio.html)
<head>
<script language="JavaScript">
var projetsbauto = 0;
var projetsdossier="projets/";
var projetsnumero = 1;
function projetsobjet() {
this.length = projetsobjet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = projetsobjet.arguments
}
var projetsnom = new projetsobjet ("01.jpg", "02.jpg", "03.jpg", "04.jpg");
function projetssuivante() {
projetsnumero += 1;
if (projetsnumero == projetsnom.length + 1) projetsnumero = 1;
document.image.src = projetsdossier+projetsnom[projetsnumero];
}
function projetschanger() {
projetsnumero += 1;
if (projetsnumero == projetsnom.length + 1) projetsnumero = 1;
document.image.src = projetsdossier+projetsnom[projetsnumero];
roll=setTimeout("projetschanger()", 1500);
}
function projetsinitial() {
window.clearTimeout(roll);
document.image.src = projetsdossier+projetsnom[projetsnumero];
}
function projetsauto() {
if (projetsbauto == 0) {
projetsbauto =1; projetschanger();
document.projetsautomat.src = "projetsbis.jpg";
document.projetsautomat.title = "Enlevez la souris de la rubrique pour arrêter le diaporama";
}
else {
projetsbauto =0; projetsinitial();
document.projetsautomat.src = "projets.jpg";
document.projetsautomat.title = "";
}
}
</script>
<script language="JavaScript">
var archivesbauto = 0;
var archivesdossier="archives/";
var archivesnumero = 1;
function archivesobjet() {
this.length = archivesobjet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = archivesobjet.arguments
}
var archivesnom = new archivesobjet ("01.jpg", "02.jpg", "03.jpg", "04.jpg");
function archivessuivante() {
archivesnumero += 1;
if (archivesnumero == archivesnom.length + 1) archivesnumero = 1;
document.image.src = archivesdossier+archivesnom[archivesnumero];
}
function archiveschanger() {
archivesnumero += 1;
if (archivesnumero == archivesnom.length + 1) archivesnumero = 1;
document.image.src = archivesdossier+archivesnom[archivesnumero];
roll=setTimeout("archiveschanger()", 1500);
}
function archivesinitial() {
window.clearTimeout(roll);
document.image.src = archivesdossier+archivesnom[archivesnumero];
}
function archivesauto() {
if (archivesbauto == 0) {
archivesbauto =1; archiveschanger();
document.archivesautomat.src = "archivesbis.jpg";
document.archivesautomat.title = "Enlevez la souris de la rubrique pour arrêter le diaporama";
}
else {
archivesbauto =0; archivesinitial();
document.archivesautomat.src = "archives.jpg";
document.archivesautomat.title = "";
}
}
</script>
<script language="JavaScript">
var rencontresbauto = 0;
var rencontresdossier="rencontres/";
var rencontresnumero = 1;
function rencontresobjet() {
this.length = rencontresobjet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = rencontresobjet.arguments
}
var rencontresnom = new rencontresobjet ("01.jpg", "02.jpg", "03.jpg", "04.jpg");
function rencontressuivante() {
rencontresnumero += 1;
if (rencontresnumero == rencontresnom.length + 1) rencontresnumero = 1;
document.image.src = rencontresdossier+rencontresnom[rencontresnumero];
}
function rencontreschanger() {
rencontresnumero += 1;
if (rencontresnumero == rencontresnom.length + 1) rencontresnumero = 1;
document.image.src = rencontresdossier+rencontresnom[rencontresnumero];
roll=setTimeout("rencontreschanger()", 1500);
}
function rencontresinitial() {
window.clearTimeout(roll);
document.image.src = rencontresdossier+rencontresnom[rencontresnumero];
}
function rencontresauto() {
if (rencontresbauto == 0) {
rencontresbauto =1; rencontreschanger();
document.rencontresautomat.src = "rencontresbis.jpg";
document.rencontresautomat.title = "Enlevez la souris de la rubrique pour arrêter le diaporama";
}
else {
rencontresbauto =0; rencontresinitial();
document.rencontresautomat.src = "rencontres.jpg";
document.rencontresautomat.title = "";
}
}
</script>
<script language="JavaScript">
var plateauxbauto = 0;
var plateauxdossier="plateaux/";
var plateauxnumero = 1;
function plateauxobjet() {
this.length = plateauxobjet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = plateauxobjet.arguments
}
var plateauxnom = new plateauxobjet ("01.jpg", "02.jpg", "03.jpg", "04.jpg");
function plateauxsuivante() {
plateauxnumero += 1;
if (plateauxnumero == plateauxnom.length + 1) plateauxnumero = 1;
document.image.src = plateauxdossier+plateauxnom[plateauxnumero];
}
function plateauxchanger() {
plateauxnumero += 1;
if (plateauxnumero == plateauxnom.length + 1) plateauxnumero = 1;
document.image.src = plateauxdossier+plateauxnom[plateauxnumero];
roll=setTimeout("plateauxchanger()", 1500);
}
function plateauxinitial() {
window.clearTimeout(roll);
document.image.src = plateauxdossier+plateauxnom[plateauxnumero];
}
function plateauxauto() {
if (plateauxbauto == 0) {
plateauxbauto =1; plateauxchanger();
document.plateauxautomat.src = "plateauxbis.jpg";
document.plateauxautomat.title = "Enlevez la souris de la rubrique pour arrêter le diaporama";
}
else {
plateauxbauto =0; plateauxinitial();
document.plateauxautomat.src = "plateaux.jpg";
document.plateauxautomat.title = "";
}
}
</script>
</head>
<body>
<a style="cursor:pointer"><img src="projets.jpg" name="projetsautomat" onmouseover="projetsauto();" onmouseout="projetsauto();"></a>
<a style="cursor:pointer"><img src="archives.jpg" name="archivesautomat" onmouseover="archivesauto();" onmouseout="archivesauto();"></a>
<a style="cursor:pointer"><img src="rencontres.jpg" name="rencontresautomat" onmouseover="rencontresauto();" onmouseout="rencontresauto();"></a>
<a style="cursor:pointer"><img src="plateaux.jpg" name="plateauxautomat" onmouseover="plateauxauto();" onmouseout="plateauxauto();"></a>
<img src="photo.jpg" name="image">
</body> |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|