Script défilement d'image
Fermé
Lilli
-
16 mars 2005 à 09:42
PapiPhp Messages postés 4 Date d'inscription dimanche 27 novembre 2011 Statut Membre Dernière intervention 27 novembre 2011 - 27 nov. 2011 à 21:24
PapiPhp Messages postés 4 Date d'inscription dimanche 27 novembre 2011 Statut Membre Dernière intervention 27 novembre 2011 - 27 nov. 2011 à 21:24
A voir également:
- Defilement d'image en boucle html
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
13 réponses
Mik4d0
Messages postés
10
Date d'inscription
mercredi 13 janvier 2010
Statut
Membre
Dernière intervention
12 septembre 2012
6
13 janv. 2010 à 14:08
13 janv. 2010 à 14:08
Bonjour à tous, le script est pas mal du tout.
J'ai mis le code MYSQL/PHP pour ceux que ça intéresse.
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
<?
$maximum=15; /// maximum de photos que vous souhaitez toutes categories confondues
$reqiu="SELECT * FROM `VOTRE_TABLE_ICI` order by rand() limit $maximum "; /// lecture aléatoire des photos dans la BDD
$resltait= mysql_query("$reqiu")or die("Erreur.. :-)<br>Vous n'avez pas d'autorisation pour faire ce genre de chose !");
$i=0;
while ($ro=mysql_fetch_array($resltait))
{
$i++;
?>
i<?=$i;?> = new Image;
i<?=$i;?>.src = 'galerie/mini-<?=$ro[2];?>'; /// affichage de la photo
SiClickGoTo[<?=$i;?>] = "galerie.php?id=<?=$ro[4];?>"; /// lien vers la photo ou la galerie contenant la photo
imgPath[<?=$i;?>] = i<?=$i;?>.src;
<?
}
?>
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="" BORDER=0 ALT="Galeries photos" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
//// THEORIQUEMENT IL FAUT METTRE UNE IMAGE.. ici j'en ai pas mis, mais une image serait utile :-)
defilimg()
}
else
{
document.write('<A HREF="galerie.php">Cliquez-ici pour afficher la galerie</A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == <?=$maximum;?>)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",1500);
a++;
}
}
//-->
Voilà, En remplaçant le nom de la table ainsi que les numéros des champs, vos photos s'afficheront toutes seules :-)
++
Mikado
J'ai mis le code MYSQL/PHP pour ceux que ça intéresse.
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
<?
$maximum=15; /// maximum de photos que vous souhaitez toutes categories confondues
$reqiu="SELECT * FROM `VOTRE_TABLE_ICI` order by rand() limit $maximum "; /// lecture aléatoire des photos dans la BDD
$resltait= mysql_query("$reqiu")or die("Erreur.. :-)<br>Vous n'avez pas d'autorisation pour faire ce genre de chose !");
$i=0;
while ($ro=mysql_fetch_array($resltait))
{
$i++;
?>
i<?=$i;?> = new Image;
i<?=$i;?>.src = 'galerie/mini-<?=$ro[2];?>'; /// affichage de la photo
SiClickGoTo[<?=$i;?>] = "galerie.php?id=<?=$ro[4];?>"; /// lien vers la photo ou la galerie contenant la photo
imgPath[<?=$i;?>] = i<?=$i;?>.src;
<?
}
?>
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="" BORDER=0 ALT="Galeries photos" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
//// THEORIQUEMENT IL FAUT METTRE UNE IMAGE.. ici j'en ai pas mis, mais une image serait utile :-)
defilimg()
}
else
{
document.write('<A HREF="galerie.php">Cliquez-ici pour afficher la galerie</A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == <?=$maximum;?>)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",1500);
a++;
}
}
//-->
Voilà, En remplaçant le nom de la table ainsi que les numéros des champs, vos photos s'afficheront toutes seules :-)
++
Mikado
Bonjour,
Peux-t-on voir le code source du script pour vous aider ?
Peux-t-on voir le code source du script pour vous aider ?
Bonjour et merci
Voici le script utilisé.
<html>
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'image/entree 2.jpg';
SiClickGoTo[0] = "entree.html";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image/entree 3.jpg';
SiClickGoTo[1] = "entree.html";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image/entree 4.jpg';
SiClickGoTo[2] = "entree.html";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image/entree 5.jpg';
SiClickGoTo[3] = "entree.html";
imgPath[3] = i3.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<title> L'oasis de Figuig</title>
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->
</html>
Voici le script utilisé.
<html>
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'image/entree 2.jpg';
SiClickGoTo[0] = "entree.html";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image/entree 3.jpg';
SiClickGoTo[1] = "entree.html";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image/entree 4.jpg';
SiClickGoTo[2] = "entree.html";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image/entree 5.jpg';
SiClickGoTo[3] = "entree.html";
imgPath[3] = i3.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<title> L'oasis de Figuig</title>
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->
</html>
Bonjour!
je viens de passer 4h à trouver comment ouvrir les liens dans une nouvelle page!
voici le code dans le head :
Et dans la partie body là ou vous voulez qu'il apparaisse :
Vous pouvez voir ce que cela donne sur http://creaminois.com
je viens de passer 4h à trouver comment ouvrir les liens dans une nouvelle page!
voici le code dans le head :
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
{
i0 = new Image;
i0.src = 'http://image.gif';
SiClickGoTo[0] = "http://www.adresse.com";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'http://image.jpg';
SiClickGoTo[1] = "http://www.adresse.com";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'http://image.jpg';
SiClickGoTo[2] = "http://www.adresse.com";
imgPath[2] = i2.src;
}
a = 0;
function StartAnim()
{
if (version >= 3)
{
document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2.5,overlap=5.0)"></A>');
defilimg()
}
else
{
document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
window.open(SiClickGoTo[a-1],'mainFrame')
}
function defilimg()
{
if (a == 8)
{
a = 0;
}
if (version >= 3)
{
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
</script><!-- FIN DU SCRIPT -->
Et dans la partie body là ou vous voulez qu'il apparaisse :
<!-- DEBUT DU SCRIPT --> <!-- SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com --> <script language="JavaScript"> StartAnim(); </script><!-- FIN DU SCRIPT --><noscript>
Vous pouvez voir ce que cela donne sur http://creaminois.com
Merci pour ta réponse, voici le script utilisé :
<html>
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'image/entree 2.jpg';
SiClickGoTo[0] = "entree.html";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image/entree 3.jpg';
SiClickGoTo[1] = "entree.html";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image/entree 4.jpg';
SiClickGoTo[2] = "entree.html";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image/entree 5.jpg';
SiClickGoTo[3] = "entree.html";
imgPath[3] = i3.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<title> L'oasis de Figuig</title>
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->
</html>
<html>
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'image/entree 2.jpg';
SiClickGoTo[0] = "entree.html";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image/entree 3.jpg';
SiClickGoTo[1] = "entree.html";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image/entree 4.jpg';
SiClickGoTo[2] = "entree.html";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image/entree 5.jpg';
SiClickGoTo[3] = "entree.html";
imgPath[3] = i3.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<title> L'oasis de Figuig</title>
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->
</html>
Dans la fonction :
function defilimg()
{
if (a == 4)
{
remplacer ====> a = 0;
par =======> ImgDest();
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
et la boucle s'interrompt à la dernière image et accède à la page entree.html.
function defilimg()
{
if (a == 4)
{
remplacer ====> a = 0;
par =======> ImgDest();
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",4000);
a++;
}
}
et la boucle s'interrompt à la dernière image et accède à la page entree.html.
Bonjour,
J'utilise le même type de script et j'aimerais placer une fonction 'stop''continue' par survol de la souris.
Par avance Merci.
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'http://www.-----jpg';
SiClickGoTo[0] = "http://www.----.htm";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'http://www.-----.jpg';
SiClickGoTo[1] = "http://www.----.htm";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'http://www.-------.jpg';
SiClickGoTo[2] = "http://www.-----.htm";
imgPath[2] = i2.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2.5,overlap=5.0)"></A>');
defilimg()
}
else
{
document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
window.open(SiClickGoTo[a-1],'mainFrame')
}
function defilimg()
{
if (a == 3)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",3100);
a++;
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</SCRIPT>
<script language="JavaScript" type="text/javascript">
StartAnim()
</script>
Configuration: Windows XP Internet Explorer 7.0
Lire la suite
J'utilise le même type de script et j'aimerais placer une fonction 'stop''continue' par survol de la souris.
Par avance Merci.
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'http://www.-----jpg';
SiClickGoTo[0] = "http://www.----.htm";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'http://www.-----.jpg';
SiClickGoTo[1] = "http://www.----.htm";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'http://www.-------.jpg';
SiClickGoTo[2] = "http://www.-----.htm";
imgPath[2] = i2.src;
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2.5,overlap=5.0)"></A>');
defilimg()
}
else
{
document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
window.open(SiClickGoTo[a-1],'mainFrame')
}
function defilimg()
{
if (a == 3)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",3100);
a++;
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</SCRIPT>
<script language="JavaScript" type="text/javascript">
StartAnim()
</script>
Configuration: Windows XP Internet Explorer 7.0
Lire la suite
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Superbe comme script!!
J'aimerai bien le compliquer un peu en allant chercher dans une base mysql (genre en local avec easyphp pour tester au debut) le chemin de l'image et le lien dédié. Sachant que le nombre d'images peut varier..
Malheureusement, je connais que le php, java, va valoir que je m'y mette serieusement :)
J'aimerai bien le compliquer un peu en allant chercher dans une base mysql (genre en local avec easyphp pour tester au debut) le chemin de l'image et le lien dédié. Sachant que le nombre d'images peut varier..
Malheureusement, je connais que le php, java, va valoir que je m'y mette serieusement :)
salut,
j'ai ce petit script à proposer, glané sur le net.
il marche impeccable: défilement d'images avec lien vers pages, message d'un même blog, ou page, message d'un autre blog
il tourne sur mon blog: http://artgallery-mrdo.blogspot.com/
et sur mon blog: http://mr-do-just-for-fun.blogspot.com/ sur celui-ci le script est visible et copiable.
(il renvoie à des pages sur mon autre blog)
@+
j'ai ce petit script à proposer, glané sur le net.
il marche impeccable: défilement d'images avec lien vers pages, message d'un même blog, ou page, message d'un autre blog
il tourne sur mon blog: http://artgallery-mrdo.blogspot.com/
et sur mon blog: http://mr-do-just-for-fun.blogspot.com/ sur celui-ci le script est visible et copiable.
(il renvoie à des pages sur mon autre blog)
@+
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
12 oct. 2009 à 22:38
12 oct. 2009 à 22:38
c'est un plaisir
@+
@+
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
23 oct. 2009 à 02:20
23 oct. 2009 à 02:20
salut,
vous êtes nombreux à passer voir ce que donne le script sur mon blog.
Merci.
Repassez par ici pour donner vos commentaires, facile à installer, marche bien, des difficultés particulières.
mettez un petit mot.
@+
vous êtes nombreux à passer voir ce que donne le script sur mon blog.
Merci.
Repassez par ici pour donner vos commentaires, facile à installer, marche bien, des difficultés particulières.
mettez un petit mot.
@+
xvtl
>
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
9 janv. 2010 à 11:20
9 janv. 2010 à 11:20
Bonjour!
Bien sympa ce script. J'ai un petit souci avec, c'est toujours la première image qui défile. Ca doit être tout bête mais je ne parviens pas à faire succéder les autres images.
Le résultat est visible sur le lien suivant: http://www.beauteetbienetre.org
Merci par avance pour votre éclairage!!!
Le scipt renseigné est le suivant:
< type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="183px"
//Specify the slider's height
var sliderheight="170px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#FFFFFF"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>'
leftrightslide[1]='<a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
leftrightslide[2]='<a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>'
leftrightslide[3]='<a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=2
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
Bien sympa ce script. J'ai un petit souci avec, c'est toujours la première image qui défile. Ca doit être tout bête mais je ne parviens pas à faire succéder les autres images.
Le résultat est visible sur le lien suivant: http://www.beauteetbienetre.org
Merci par avance pour votre éclairage!!!
Le scipt renseigné est le suivant:
< type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="183px"
//Specify the slider's height
var sliderheight="170px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#FFFFFF"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>'
leftrightslide[1]='<a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
leftrightslide[2]='<a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>'
leftrightslide[3]='<a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=2
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
>
xvtl
16 janv. 2010 à 18:08
16 janv. 2010 à 18:08
le sripte ci-dessus est pour un défilement horizontal
le sripte que utilise sur ton site est MARQUEE je l'ai copié sur mon blog et il marche pourtant
<marquee onmouseout="this.start()" direction="down" align="center" behavior="scroll" scrollamount="1" scrolldelay="1" height="170" onmouseover="this.stop()">
<a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Esthet12.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Epilation.html"><img border="1" src="http://www.beauteetbienetre.org/img/Epilation2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Onglerie.html"><img border="1" src="http://www.beauteetbienetre.org/img/Ongles2.jpg"/></a></marquee>
copie le et essaye encore.
regarde ton scroll sur mon blog
http://artgallery-mrdo.blogspot.com
le sripte que utilise sur ton site est MARQUEE je l'ai copié sur mon blog et il marche pourtant
<marquee onmouseout="this.start()" direction="down" align="center" behavior="scroll" scrollamount="1" scrolldelay="1" height="170" onmouseover="this.stop()">
<a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Esthet12.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Epilation.html"><img border="1" src="http://www.beauteetbienetre.org/img/Epilation2.jpg"/></a>
<a href="http://www.beauteetbienetre.org/fr/Onglerie.html"><img border="1" src="http://www.beauteetbienetre.org/img/Ongles2.jpg"/></a></marquee>
copie le et essaye encore.
regarde ton scroll sur mon blog
http://artgallery-mrdo.blogspot.com
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
>
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
16 janv. 2010 à 19:30
16 janv. 2010 à 19:30
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
>
mrdo
Messages postés
17
Date d'inscription
lundi 12 octobre 2009
Statut
Membre
Dernière intervention
22 septembre 2010
23 janv. 2010 à 15:19
23 janv. 2010 à 15:19
sinon essaye de déplacer ton mini lecteur, peut-être un conflit dans le code de ta page
bonjour
je cherche le script ou le code source d'un carrousel, images qui se défilent mais avec des numéros
comme sur le site (sur la droite)
http://www.rueducommerce.fr/home/index.htm
merci d'avance
je cherche le script ou le code source d'un carrousel, images qui se défilent mais avec des numéros
comme sur le site (sur la droite)
http://www.rueducommerce.fr/home/index.htm
merci d'avance
malheureusement, non je n'ai pas trouvé , si j'ai quelque chose je te tiens en courant t'inquiète ;)
Bonjour, vu le style de l'exemple c'est un canevas sur lequel est lu un fichier XML.
Dans le cas ou c'est sélectionné, à gauche il propose la photo plus grande et affiche le contenu texte du produit.
Le lien du caddy est unique et garde l'id du produit qui sera ajouté au caddy. (reprise de la variable id)
C'est une simple lecture de fichier XML... dans un swf.
Les produits sont toujours identiques. Donc pas de craintes de bases de données.
Si par après vous souhaitez le faire en base de données... vous faites enclencher 1 fichier php à 1h du matin tous les jours, la génération de ce fichier.
Ainsi, vous avez un affichage différent par jour. (ou, à chaque visite d'un internaute.. on génère un xml ... mais là, ça risque de chauffer, c'est du personnalisé.)
Euh... non je n'ai pas ce script non plus lol
Dans le cas ou c'est sélectionné, à gauche il propose la photo plus grande et affiche le contenu texte du produit.
Le lien du caddy est unique et garde l'id du produit qui sera ajouté au caddy. (reprise de la variable id)
C'est une simple lecture de fichier XML... dans un swf.
Les produits sont toujours identiques. Donc pas de craintes de bases de données.
Si par après vous souhaitez le faire en base de données... vous faites enclencher 1 fichier php à 1h du matin tous les jours, la génération de ce fichier.
Ainsi, vous avez un affichage différent par jour. (ou, à chaque visite d'un internaute.. on génère un xml ... mais là, ça risque de chauffer, c'est du personnalisé.)
Euh... non je n'ai pas ce script non plus lol
MikeMarin
Messages postés
4
Date d'inscription
mardi 2 février 2010
Statut
Membre
Dernière intervention
6 janvier 2013
24 sept. 2011 à 07:20
24 sept. 2011 à 07:20
j'ai la solution tout dépant après en combien de temps les images vont défiler enfin quand la dernière image apparait
<html>
<body>
<?php
header('Refresh: LETEMPSDEDEFILEMENTDESIMAGES;URL=LURAREDIRIGER');
echo'LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE'
?>
</body>
</html>
tu dois changer : LETEMPSDEDEFILEMENTDESIMAGES avec le temps de défilement des images
LURAREDIRIGER avec ta page de site (celle vers laquelle tu veux rediriger)
LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE avec tout est à gauche ;)
derien sa ma fait plaisir ;)
<html>
<body>
<?php
header('Refresh: LETEMPSDEDEFILEMENTDESIMAGES;URL=LURAREDIRIGER');
echo'LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE'
?>
</body>
</html>
tu dois changer : LETEMPSDEDEFILEMENTDESIMAGES avec le temps de défilement des images
LURAREDIRIGER avec ta page de site (celle vers laquelle tu veux rediriger)
LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE avec tout est à gauche ;)
derien sa ma fait plaisir ;)
MikeMarin
Messages postés
4
Date d'inscription
mardi 2 février 2010
Statut
Membre
Dernière intervention
6 janvier 2013
24 sept. 2011 à 07:21
24 sept. 2011 à 07:21
J'espere que je t'ai donné ton bonneur
17 mai 2011 à 11:29
27 nov. 2011 à 21:24
pourriez vous m'aider en m'expliquant pourquoi ma fonction Zoom ne fonctionne pas avec des variables dans onMouseOver balise IMG alors qu'elle fonctionne très bien avec des URL ?
A savoir : <img id="photo" name="photo" src="../Images/2010 (1).png"; OnMouseOver="document.photo.src=zoom[i];" OnMouseOut="document.photo.src=diapo[i];">
avec <SCRIPT language=javascript>
<!--
var i=1, j=1, k=0;
diapo = new Array();
diapo[1]="../Images/2010 (1).png";
document.photo.src=diapo[i];
zoom = new Array();
zoom[1]="../Images/800x600/2010 (1).png";
-->
</script>
ALORS que <img id="photo" name="photo" src="../Images/2010 (1).png"; OnMouseOver="document.photo.src='../Images/800x600/2010 (1).png';" OnMouseOut="this.src=' ../Images/2010 (1).png';"> fonctionne très bien.
Merci pour votre aide