|
La Communauté Webmaster 
| Pages: [1] |
 |
|
|
|
 Auteur |
Sujet: Imbrication d'un script rollover et d'un script de defilement d'images. (RESOLU) (Lu 773 fois) |
|
 |
Imbrication d'un script rollover et d'un script de defilement d'images. (RESOLU)
« sur: le 27-04-2006 a 15:16:00 » |
|
rom9com
Membre récent
 Hors-Ligne
Sexe: 
Messages: 4
Je suis un lama! (enfin si peu)
 
|
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 ="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 ! |
"Ce n'est pas le doute, c'est la certitude qui rend fou" |
|
|
|
|
 |
Re:Imbrication d'un script rollover et d'un script de defilement d'images....
« Répondre #1 sur: le 27-04-2006 a 21:16:59 » |
|
rom9com
Membre récent
Hors-Ligne
Sexe:
Messages: 4
Je suis un lama! (enfin si peu)
|
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[i]
}
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[i]
}
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[i]
}
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[i]
}
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> |
"Ce n'est pas le doute, c'est la certitude qui rend fou" |
|
|
| Pages:
[1] |
 |
|
|
| |
|
|
