Rechercher : dans
Par :

Script défilement d'image

Dernière réponse le 12 nov 2009 à 19:53:28 Lilli, le 16 mar 2005 à 09:42:49 
 Signaler ce message aux modérateurs

Bonjour,

J'utilise un script permettant de faire défiler des images (script récupérer sur Editeurs Java script). Mais ce script défile en boucle tant que l'utilisateur n'a pas cliquez sur une image. Lorsqu'il clique sur une des images, il arrive sur la 2ème page de mon site. Moi, je voudrais, qu'après l'affichage de la dernière image, le script puisse m'ouvrir directement ma deuxième page, sans que l'utilisateur est nécessairement besoin de cliquer sur une image.

Si vous aveez des pistes, merci de me les indiquer. Attention aux languages que vous utiliserez car je suis qu'une débutante en la matière.

Merci d'avance

Lilli

Configuration: Windows XP

Meilleures réponses pour « Script défilement d'image » dans :
ImageMagick - Manipuler les images en ligne de commande VoirImageMagick est un formidable outil en ligne de commande qui permet de manipuler les images. L'avantage de cet outil est qu'il permet: d'automatiser les travaux sur les images (cela évite d'avoir à faire certaines manipulations dans...
[Internet] Récapitulatif MSN Voir1. INTRODUCTION 1.1. REMERCIEMENTS 2. ÉTAPE INITIALE : COMMENT CRÉER UNE ADRESSE MSN Vous disposez déjà d'une adresse mail et ne souhaitez pas en créer une nouvelle pour MSN Vous avez besoin de créer une nouvelle adresse 3. TRUCS et...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...

1

Oli, le 16 mar 2005 à 10:07:26

Bonjour,

Peux-t-on voir le code source du script pour vous aider ?

Répondre à Oli

3

Lilli, le 16 mar 2005 à 12:35:00
  • +1

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>

Répondre à Lilli

5

dinils, le 3 déc 2008 à 16:20:12

Bonjour !

Excellent script. Peut-on insérer un paramètre _blank sur le lien de l'image ?

Merci pour la réponse !

Répondre à dinils

2

Lilli, le 16 mar 2005 à 12:31:21
  • +2

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>

Répondre à Lilli

4

Oli, le 16 mar 2005 à 13:18:31

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.

Répondre à Oli

12

 Raphaelo, le 12 nov 2009 à 19:53:28

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

Répondre à Raphaelo

6

gyam, le 9 fév 2009 à 00:25:37

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 :)

Répondre à gyam

7

mrdo, le 30 sep 2009 à 19:18:52

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)
@+

Répondre à mrdo

8

mrdo, le 11 oct 2009 à 14:54:09

Alors,
sympa ou pas ce script? utile à certains?

Répondre à mrdo

9

Calen, le 12 oct 2009 à 22:27:41

Hyper utile !! Exactement ce que je cherchais, en plus sans casse tête.

Un grand merci à toi

Répondre à Calen

10

mrdo, le 12 oct 2009 à 22:38:15

C'est un plaisir

@+

Répondre à mrdo

11

mrdo, le 23 oct 2009 à 02:20:36

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.
@+

Répondre à mrdo