' KITWEB : Scripts fonds de page cliparts polices freewares à télécharger - Download script background clipart font ...................................................


	• Des SCRIPTS gratuits, expliqués et personnalisables. • Visualisez, puis téléchargez les fichiers correspondants (zip). • Il ne restera plus qu'à inclure les codes dans vos pages ! • Free and customable SCRIPTS. • For more convenience, zip files are proposed. • Download and include script on your page.


	LISTE des SCRIPTS Cliquer ici CETTE RUBRIQUE... 05 Slogan 3D 06 Slogan clignotant n°1 07 Slogan clignotant n°2 08 Effet drapeau 09 Effet miroir 10 Pages tombent 11 Rotation-transition 13 Vue aérienne 14 Slogan zoomé n°1 15 Slogan zoomé n°2 16 Slogan zoomé n°3 17 Logo (1) traverse l'écran 18 Logos (3) traversant l'écran 19 Logo en diagonale 20 Chute de logo 21 Logo kangourou 22 Texte clignotant 23 Un logo à travers l'écran 24 Slogan en diagonale 25 Ombre sur texte 26 Slogan de droite à gauche 27 Message à ressort 28 Etoiles sur logo 29 Bandeau promotionnel 30 Enchainer des images 31 Bulles 32 Logo aller et retour 33 Logo aux 4 côtés 34 Texte rotatif 35 Cube d'images 36 Texte suiveur 37 Logo suiveur 38 Confettis 39 Spot sur le logo 40 Effet aquatique 41 Sous la neige 42 Va-et-vient vertical 43 Des images se baladent 44 Une loupe sur l'image 45 Enchaîner des bannières 46 Le logo change de couleur >> suite.........................

ENCHAINER DES BANNIERES_45
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE et NS (v4.75: oui; v6: image fixe). Images gif, gif animés, jpg (et bmp...) acceptées. Attention toutefois aux gif animés, qui perturbent la temporisation (exemple). Les images seront toutes de même taille. Leur nombre n'est pas limité.

1/ Inscrivez entre HEAD et /HEAD :
ou entre BODY et /BODY...
Inscrivez les images à afficher. Toutes doivent avoir la même taille.
Intervenez à ces deux endroits:
slideImg = new Array ("image1.jpg","image2.jpg","image3.jpg")
slideStop = 2; (Pause entre les transitions, en seconde)

<SCRIPT LANGUAGE="Javascript1.2">
// Copyright Frank Milard - http://www.asaisir.com/a-la-page
// Vous pouvez utiliser ou modifier ce script librement sous reserve de laisser le copyright visible

// La temporisation, en secondes
	slideStop  = 2;

slideInc  = 5;
// Les images [gif jpg (gif animé et bmp)]. Toutes de même taille
	slideImg = new Array ("image1.jpg","image2.jpg","image3.jpg");

// -->
</SCRIPT>

<SCRIPT LANGUAGE="Javascript">
	NS4 = IE4 = VERSION4 = 0;

function slideInit () {
        if (VERSION4) {
		if (NS4) {
			slideImgWidth  = document.images["slideImg1"].width;
			slideImgHeight = document.images["slideImg1"].height;
			slideObj = document.slideN1;
			slideObj.top = document.images["slideImg1"].y;
			slideObj.left = document.images["slideImg1"].x;
			slideObj.clip.top = 0;
			slideObj.clip.left = 0;
			slideObj.clip.bottom = slideImgHeight;
			slideObj.clip.right = slideImgWidth;
			slideObj = document.slideN1.document.slideN2;
		}
		if (IE4) {
			slideImgWidth  = document.all.slideImg1.width;
			slideImgHeight = document.all.slideImg1.height;
			slideObj = document.all.slideN1;
			slideObj.style.top = slideGetOffset(document.all.slideImg1,"Top");
			slideObj.style.left = slideGetOffset(document.all.slideImg1,"Left");
			slideObj.style.clip = "rect (0px," + slideImgWidth + "px," + slideImgHeight + "px,0px)";
			slideObj = document.all.slideN2;
		}

slideSens = 0;
		slideCount = 0;
		slideChangeImage ();
	}
	}
	// -->
</SCRIPT>

<SCRIPT LANGUAGE="Javascript1.2">
	NS4 = (document.layers) ? 1 : 0;
	IE4 = (document.all) ? 1 : 0;
	VERSION4 = (NS4|IE4) ? 1 : 0;

//   Recharger la page en cas de redimensionnement (NS4 uniquement)
	if(NS4){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}

function slideGetOffset(obj, coord) {
	var val = obj["offset"+coord] ;
	while ((obj = obj.offsetParent )!=null) {
		val += obj["offset"+coord];
		if (obj.border && obj.border != 0) val++;
	}
	
	    return val;
	}

function slideChangeImage () {
	var x,y;

if (++slideCount >= slideImg.length) slideCount=0;
	slideSens = slideSens ? 0 : 1 ;

x = y = 0;
	if (slideSens) slidePosition = y = slideImgHeight;
	else slidePosition = x = slideImgWidth;

if (NS4) {
		slideObj.top = y;
		slideObj.left = x;
	}
	if (IE4) {
		slideObj.style.top = y;
		slideObj.style.left = x;
	}

slideWrite ('<IMG SRC="'+slideImg[slideCount]+'" NAME="slideImg2" BORDER="0" ALIGN="Top" 	onLoad="slideInitSlide ()" onError="setTimeout(\'slideChangeImage()\',500);">');
	}

function slideWrite (str) {
	if (NS4) {
		with (slideObj.document) {
			write(str);
			close();
		}
	}
	if (IE4) slideObj.innerHTML = str;
	}

function slideInitSlide () {
	setTimeout ("slideSlide()",1000*slideStop);
	}

function slideSlide () {
	slidePosition -= slideInc;
	if (slidePosition < 0) slidePosition = 0;

if (NS4) slideSens ?  slideObj.top = slidePosition : slideObj.left = slidePosition;
	if (IE4) slideSens ?  slideObj.style.top = slidePosition : slideObj.style.left = 	slidePosition;

if (slidePosition == 0) {
		document.images['slideImg1'].src = slideImg[slideCount];
		slideChangeImage ();
	}
	else setTimeout ("slideSlide()",50);
	}
	// -->
</SCRIPT>

<STYLE TYPE='text/css'>
	<!--
	#slideN1 {
	position:absolute;
	top: 0;
	left: 0;
	width: 1;
	height: 1;
	z-index: 100;
	}

#slideN2 {
	position:absolute;
	top: 0;
	left: 0;
	width: 1;
	height: 1;
	z-index: 200;
	}
	-->
</STYLE>

2/ Inscrivez DANS la balise BODY :

3/ Inscrivez entre BODY et /BODY :
Intervenez selon le nom de votre première image et sa taille:
<IMG NAME="slideImg1" SRC="image1.jpg" WIDTH="140" HEIGHT="147" BORDER="0" ALIGN="Top">>