' 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... << Bannières n°1 à 46 47 Chute de logo 48 Texte couleur dégradée 49 Enchaîner des bannières 50 Rotation du logo \| 3 axes 51 Enchaîner des bannières

DES BANNIÈRES SUCCESSIVES

Cliquez sur "download" pour télécharger le kit nécessaire.
Compatibilité: IE (oui), NS (v4.75: oui; v6: oui), Opera6 (oui). Particulièrement performant, ce script enchaîne des bannières de format divers (gif, jpg), affublée chacune d'une URL différente en cas de click, temporisées individuellement, enchaînées dans l'ordre ou de manière aléatoire, commençant à la première image ou par n'importe laquelle. Raffinement suprême, un message s'affiche au survol de la souris, adapté à lalangue du visiteur ! Mieux, la barre d'état reçoit un texte également adapté à la langue du visiteur... Les explications figurent dans le script.

1/Insérer entre BODY et /BODY :
à l'emplacement où doit s'afficher l'effet.

2/Créez un fichier externe .js :
ou insérez son contenu dans la page html si elle est la seule à y faire appel.

<!--
function disp(txt) {document.write(txt);}

// Choisissez l'ordre de défilement (neutralisez deux des trois lignes suivantes par //)
//var type_defil='normal';      //  normal    = défilement dans l'ordre
//var type_defil='decale';      //  decale    = défilement dans l'ordre avec un départ décalé
var type_defil='aleatoire';   //  aleatoire = défilement dans le désordre

// Un texte apparaît au survol de la bannière par la souris (similaire à l'instruction alt="..."). Le texte est adapté la langue du visiteur !
if (navigator.appName == 'Netscape') var language = navigator.language;
else var language = navigator.browserLanguage;
if (language.indexOf('fr') > -1) var banniere=new CreerBan('Cliquez sur les bannières');
else if (language.indexOf('en') > -1) var banniere=new CreerBan('Click on the banners');
else if (language.indexOf('de') > -1) var banniere=new CreerBan('klicken Sie an die banner');
else if (language.indexOf('es') > -1) var banniere=new CreerBan('Clic sobre la bandera');
else var banniere=new CreerBan('Click on the banners');

// Lister les images formant bannière (jpg et gif acceptés, même mélangés). Préciser l'URL appelée en cas de click (l'URL est indivisualisée pour chaque bannière). Spécifiez la fenêtre ciblée (_blank, _self, _top etc). Mentionnez le temps d'affichage de chaque bannière (millisecondes). 
// banniere.Add("url de l'image relatif ou absolu, lien de destination rel. ou abs., _cible, temps d'affichage);
banniere.Add("LogoFixe01_160x60.gif","index.html","_blank",400);
banniere.Add("LogoFixe02_160x60.gif","index.html","_blank",160); 
banniere.Add("LogoFixe03_160x60.gif","index.html","_blank",320);
banniere.Add("LogoFixe04_160x60.gif","index.html","_top",160);

// Barre d'état, en bas de page: un texte apparaît au survol de la bannière, dépendant de la langue du visiteur, un autre texte s'affiche entre-temps. 
if (navigator.appName == 'Netscape') var language = navigator.language;
else var language = navigator.browserLanguage;
if (language.indexOf('fr') > -1) var barrestatus='Kitweb-Faitonsite.fr.st     est fait pour vous....';
else if (language.indexOf('en') > -1) var barrestatus='english version for status message';
else if (language.indexOf('de') > -1) var barrestatus='german message on status bar';
else if (language.indexOf('es') > -1) var barrestatus='spanish advertising on status bar...';
else var barrestatus='other langage: message status';
var barrestatusoff='Survolez la bannière avec la souris...';

function CreerBan(alt) {
	this.nb=0;
	this.no=0;
	this.alt=alt;
	this.Add=AddBan;
	this.Init=InitBan;
}

function AddBan(img,href,target,delai) {
	var ban=new Object;
		ban.img=img;
		ban.href=href;
		ban.target=target;
		ban.delai=delai;
	this[this.nb]=ban;
	this.nb++;
}

// **** pour un texte au dessus de la bannière (facultatif) ****
function InitBan() {
	var aff="Kitweb-Faitonsite est fait pour vous..."; 			
	if (document.images) { 
		for(var i=0;i<this.nb;i++){
			var gif=new preload(this[i].img)
		}
	}
	if (type_defil=='normal') {prem=0;}
	if ((type_defil=='aleatoire')|(type_defil=='decale')) {prem=Math.round(Math.random()*(banniere.nb-1));}
//	disp(aff+"<br><A href='javascript:tjsgo()' onMouseOver='displayStatusMsg(barrestatus);return document.returnValue'><IMG border='0' name='tjsimg' src='"+this[0].img+"' alt='"+this.alt+"'></A>");

// Vous pouvez appliquer un style défini par ailleurs dans la page 
	disp("<span class='aff'>"+aff+"<br></span><A href='javascript:tjsgo()' onMouseOver='window.status=barrestatus;return true' onMouseOut='window.status=barrestatusoff;return true'><IMG border='0' name='tjsimg' src='"+this[prem].img+"' alt='"+this.alt+"'></A>");
	banniere.no=prem;
	setTimeout('rotation()','1000');
}

// *** Défilement des bannières ***
function rotation() {
	if ((type_defil=='normal')|(type_defil=='decale')) {	
		banniere.no++; 
		var no=banniere.no; 
		if (no>=banniere.nb) {banniere.no=0; no=0}
	}
	if (type_defil=='aleatoire')  {
		banniere.no=Math.round(Math.random()*(banniere.nb-1));
		var no=banniere.no;
	}
	document.images["tjsimg"].src=banniere[no].img;	
	setTimeout("rotation()",1000);
}

// *** Fonction gérant les urls de chacune des bannières ***
function tjsgo() {
	with(banniere[banniere.no]) {
		if(target=="_blank"){window.open(href,"")} 
			else {
			if(target=="_top"){parent.window.location=href} else {
				if(target=="_self"){window.location=href} else {
				parent.frames[target].window.location=href
				}
			}
		}
	}
}

// *** permet l'affichage direct de l'image dès son chargement ***
function preload() {
	this.length = preload.arguments.length;
	for (var i = 0; i < this.length; i++) {
		this[i+1] = new Image();
		this[i+1].src = preload.arguments[i];
	}
}
//-->

3/Créez les bannières appelées :