Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript images déroulantes

images déroulantes

21 réponses
Avatar
Bernard Philip
bonsoir tous
je trouve sur le Net qqs scripts permettant
de faire défiler plusieurs photos à la suite dans un Frame;
1-est-il possible de completer ces scripts en
préaffichant un texte à gauche dans le frame (a priori immédiat)
écrasé par les photos quand la 1ere arrive de la droite (aprés leur
chargement
2- peut-on, avec un IFrame ou autre soluce,
les faire defiler n'importe où sur l'ecran,
et pas uniquement dans le frame de lancement du script ?
merci d'avance,
cordialement
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3
Avatar
Franck Andriano
Salut!



On Tue, 24 May 2005 12:55:52 +0200, ASM
wrote:


le message d'introduction (d'attente) est-il
-effacé totalement dés que la photo commence ? par timeout ?


oui effacé (style.display='none')
normalement attente devrait être 3 secondes




corrigé l'machin -> à re-récupérer
- manquait l'attente pour IE
- ajouté une barre de chargement (factice)


comment faire un recouvrement,



très difficile car c'est déjà plein de code pour plusieurs navigateurs
ça reviendrait à doubler le code
(à mon idée)



Pourquoi ne pas utiliser le tag *marquee* pour le défilement d'images ?

C'est maintenant compatible avec Mozilla/FireFox :

<div align="center">
<font color="#ff0000" size="+1">
<marquee bgcolor="#ffffff" direction="left" loop="20" width="500">
This is cool! <a href="#"><img src="http://www.mozilla.org/products/firefox/ffico.png" border="0"></a>
</marquee>
</font>
</div>

/Franck

--
?!




Avatar
ASM

Salut!



comment faire un recouvrement,


très difficile car c'est déjà plein de code pour plusieurs navigateurs
ça reviendrait à doubler le code (à mon idée)


Pourquoi ne pas utiliser le tag *marquee* pour le défilement d'images ?


Le code d'origine n'est pas de moi (et ses réfs ont été omises !)
Il n'est pas mal foutu car s'adressant AUSSI aux vieilles versions
-> çà marche même sur mon NC 4.5 :-))
vérifié IE5.1 Moz 10.2 NC4.5 (vieux Mac)

C'est maintenant compatible avec Mozilla/FireFox :


pour le moment le marquee inclus ds le code d'origine ne s'adresse
qu'aux IE

Je n'allais pas repondre un code complet bien que je l'ai pas mal bidouillé
(et espère ne pas l'avoir pas trop cradoqué)

[pour les foules]
<div align="center">
<font color="#ff0000" size="+1">
<marquee bgcolor="#ffffff" direction="left" loop="20" width="500">
This is cool! <a href="#"><img src="http://www.mozilla.org/products/firefox/ffico.png" border="0"></a>
</marquee>
</font>
</div>
[/]


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************



Avatar
Bernard Philip
On Wed, 25 May 2005 11:35:00 +0200, ASM
wrote:






Salut!



comment faire un recouvrement,


très difficile car c'est déjà plein de code pour plusieurs navigateurs
ça reviendrait à doubler le code (à mon idée)


Pourquoi ne pas utiliser le tag *marquee* pour le défilement d'images ?


Le code d'origine n'est pas de moi (et ses réfs ont été omises !)
Il n'est pas mal foutu car s'adressant AUSSI aux vieilles versions
-> çà marche même sur mon NC 4.5 :-))
vérifié IE5.1 Moz 10.2 NC4.5 (vieux Mac)

C'est maintenant compatible avec Mozilla/FireFox :


pour le moment le marquee inclus ds le code d'origine ne s'adresse
qu'aux IE

Je n'allais pas repondre un code complet bien que je l'ai pas mal bidouillé
(et espère ne pas l'avoir pas trop cradoqué)

[pour les foules]
<div align="center">
<font color="#ff0000" size="+1">
<marquee bgcolor="#ffffff" direction="left" loop="20" width="500">
This is cool! <a href="#"><img src="http://www.mozilla.org/products/firefox/ffico.png" border="0"></a>
</marquee>
</font>
</div>
[/]

ben, en mixant vos 2 codes, ci-dessous, mes trés chers, le msg à

recouvrir reste sous le défilement;
votre meilleur remède ?
<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>


<div id="intro" class="mesg" >
attendre, merci
</div>

<div align="center">
<font color="#ff0000" size="+1">
<marquee bgcolor="#ffffff" direction="left" loop="20"
width="500">
This is cool! <a href="#"><img
src="http://www.mozilla.org/products/firefox/ffico.png"
border="0"></a>
</marquee>
</font>
</div>




Avatar
Franck Andriano
Salut!

ben, en mixant vos 2 codes, ci-dessous, mes trés chers, le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?
<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>


<div id="intro" class="mesg" >
attendre, merci
</div>

<div align="center">
<font color="#ff0000" size="+1">
<marquee bgcolor="#ffffff" direction="left" loop="20"
width="500">
This is cool! <a href="#"><img
src="http://www.mozilla.org/products/firefox/ffico.png"
border="0"></a>
</marquee>
</font>
</div>


<style type="text/css">
.invisible {display: none}
</style>

<body onload="document.getElementById('intro').className='invisible'">

oki ?

/Franck

--
!

Avatar
YD

ben, en mixant vos 2 codes, ci-dessous, mes trés chers, le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?


C'est un truc comme ça que tu veux ?

<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {z-index:1;
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>


<div id="intro" class="mesg" >
<h1>attendre, merci</h1>
</div>

<div align="center" style="position:absolute;width:80%;margin-left:10%;z-index:10">
<font color="#ff0000" size="+3">
<marquee bgcolor="#ffffff" direction="left" loop="20"
style="background:transparent; width:100%">
This is cool! <a href="#"><img
src="http://www.mozilla.org/products/firefox/ffico.png"
border="0"></a>
</marquee>
</font>
</div>

--
Y.D.

Avatar
ASM

<style type="text/css">
.invisible {display: none}
</style>

<body onload="document.getElementById('intro').className='invisible'">


y a pas besoin c'est déjà prévu dans le JS
et merci pour mon NC4.5 ! :-((

c'est le div + marquee qu'il faut traiter

ds le code d'origine le marquee est écrit par le JS
donc forcément on ne le voit pas dans le body

aller ramasser le code ? :
http://perso.wanadoo.fr/stephane.moriaux/truc/asm_aibp.htm

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
ASM

ben, en mixant vos 2 codes, ci-dessous, mes trés chers,


ben ... si c'était aussi facile !

le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?


<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>

<script type="text/javascript">
// le script donné de slide
</script>

</head>
<body>

<script type="text/javascript">
var D = document.getElementById('intro');
D.style.position='absolute';
D.style.leftpx;
function glisse() {
var m = D.left; // ou m=D.style.left; ??
D.style.left = m*1-2+'px';
setTimeout('glisse()',50);
}
glisse();
</script>

<div id="intro" class="mesg" >
<h1>attendre</h1><p>merci
</div>

et le reste du code

</html>

Pour NC4.5 il n'y aura pas de glissement et puis c'est tout
pour les autres ... j'espère que çà fonctionnera


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
Bernard Philip
On Wed, 25 May 2005 14:13:32 +0200, YD wrote:


ben, en mixant vos 2 codes, ci-dessous, mes trés chers, le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?


C'est un truc comme ça que tu veux ?

<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {z-index:1;
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>


<div id="intro" class="mesg" >
<h1>attendre, merci</h1>
</div>

<div align="center" style="position:absolute;width:80%;margin-left:10%;z-index:10">
<font color="#ff0000" size="+3">
<marquee bgcolor="#ffffff" direction="left" loop="20"
style="background:transparent; width:100%">
This is cool! <a href="#"><img
src="http://www.mozilla.org/products/firefox/ffico.png"
border="0"></a>
</marquee>
</font>
</div>
pas exactement

-le recouvrement du texte fixe par le texte mobile se fait en sffet,
mais
-recouvrement partiel (des SIZE ou HEIGHT à ajuster ? )
-pas de disparition du texte fixe aprés qu'il est été recouvert
merci d'avance de ta patience,
cordialement


Avatar
Bernard Philip
On Wed, 25 May 2005 16:05:44 +0200, ASM
wrote:




ben, en mixant vos 2 codes, ci-dessous, mes trés chers,


ben ... si c'était aussi facile !

le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?


<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>

<script type="text/javascript">
// le script donné de slide
</script>

</head>
<body>

<script type="text/javascript">
var D = document.getElementById('intro');
D.style.position='absolute';
D.style.leftpx;
function glisse() {
var m = D.left; // ou m=D.style.left; ??
D.style.left = m*1-2+'px';
setTimeout('glisse()',50);
}
glisse();
</script>

<div id="intro" class="mesg" >
<h1>attendre</h1><p>merci
</div>

et le reste du code

</html>

ben, meme pb que celui déjà signalé à

Pour NC4.5 il n'y aura pas de glissement et puis c'est tout
pour les autres ... j'espère que çà fonctionnera



Avatar
Bernard Philip
On Wed, 25 May 2005 16:05:44 +0200, ASM
wrote:




ben, en mixant vos 2 codes, ci-dessous, mes trés chers,


ben ... si c'était aussi facile !

le msg à
recouvrir reste sous le défilement;
votre meilleur remède ?


<TITLE>Script JavaScript: D&eacute;filement d'images 12.5.05</TITLE>
<style type="text/css">
.mesg {
position: absolute;
width: 80%;
margin-left: 10%;
border: 1px solid red;
padding: 10px;
text-align: center;
font-family: verdana,geneva,arial,serif;
color:maroon;
}
.mesg h1 { color: gold; background: olive; }
</style>

<script type="text/javascript">
// le script donné de slide
</script>

</head>
<body>

<script type="text/javascript">
var D = document.getElementById('intro');
D.style.position='absolute';
D.style.leftpx;
function glisse() {
var m = D.left; // ou m=D.style.left; ??
D.style.left = m*1-2+'px';
setTimeout('glisse()',50);
}
glisse();
</script>

<div id="intro" class="mesg" >
<h1>attendre</h1><p>merci
</div>

et le reste du code

</html>

Pour NC4.5 il n'y aura pas de glissement et puis c'est tout
pour les autres ... j'espère que çà fonctionnera


tjours le meme message, qui certes défile au dessus du texte,
mais
-partiellement (soluce réinstall)
ou
-
-sans l'effacer, ni celui de la grosse pomme
-obligation pour Cedric de
-construire une maison ?
y habiter ?

bizes


1 2 3