Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message09/07/2008, 11 11 53 (UTC)    
Sujet du message: Iceblue : Entete Pour IcebBue avec multiples images

Un script qui vous permet d'afficher au moyen 5 images différentes dans l'entête. Les images de l'animation doive être de même taille. L'animation répète indéfiniment.
Taille de l'entête pour design IceBlue921x104!



1.Rendre entête originale invisible.Utiliser le code suivent:

Code:
td.headline{visibility:hidden;}


2.Insérer le code suivant dans "Texte au dessus de design":
Citation:

<div style="float: left">
</div>
<FONT color="white"><div style="background: none transparent scroll repeat 0% 0%; left:40px; width: 921px; position: absolute; top: 65px; height: 104px">
<script language="JavaScript">

/* define image width and height */

var pic_width=921;
var pic_height=104;

/* define the length of time to stay on each image */
/* 1000 = 1 second */

var delay=2000;

/* define image urls */

if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="URL image1";
pic2= new Image(pic_width,pic_height);
pic2.src="URL image2";
pic3= new Image(pic_width,pic_height);
pic3.src="URL image3";


}

var pics= new Array(5)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;



var numpics=3;
var thenum=0;
imgName="img1";

function change_it()
{
if (document.images)
{
document.write("<img src='"+pics[thenum]+"' border='0' width='"+pic_width+"' height='"+pic_height+"' name='img1'>");
setTimeout('change_it2()',delay);
}
}

function change_it2()
{
var x=0;
thenum+=1;

if (thenum>numpics-1)
thenum=0;

document[imgName].src=pics[thenum];
x+=1;
setTimeout('change_it2()',delay);
}
//-->
</script>

<script type="text/javascript">
<!--
change_it();
//-->
</script></script>
</script></div></FONT>


1.1000=1 seconde
var delay=2000; => Définies la durée de temps de séjour sur chaque image

2. pic1= new Image(pic_width,pic_height);
pic1.src="URL image1"; => Définies le nombre de l'image

3. pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
=> Définies le nombre de l'image
4.var numpics=3; => Nombre de l'image


Code pour créer un animation sur une page.Code à insérer dans la Source de la page:

Citation:

<script language="JavaScript">
<!--
/* define image width and height */

var pic_width=921;
var pic_height=104;

/* define the length of time to stay on each image */
/* 1000 = 1 second */

var delay=2000;

/* define image urls */

if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="URL image1";
pic2= new Image(pic_width,pic_height);
pic2.src="URL image2";
pic3= new Image(pic_width,pic_height);
pic3.src="URL image3";


}

var pics= new Array(5)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;



var numpics=3;
var thenum=0;
imgName="img1";

function change_it()
{
if (document.images)
{
document.write("<img src='"+pics[thenum]+"' border='0' width='"+pic_width+"' height='"+pic_height+"' name='img1'>");
setTimeout('change_it2()',delay);
}
}

function change_it2()
{
var x=0;
thenum+=1;

if (thenum>numpics-1)
thenum=0;

document[imgName].src=pics[thenum];
x+=1;
setTimeout('change_it2()',delay);
}
//-->
</script>

<script type="text/javascript">
<!--
change_it();
//-->
</script>

:wink:


Dernière édition par webmaster-shop le 19.12.2009, 07:36; édité 6 fois
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com