Un album photo - Wifeo.com

n-in-l
     •18 messages
     •Inscrit le 28/1/2007

la vache transgen|que
     • messages
     •Inscrit le 1/1/1970

str
     •6 messages
     •Inscrit le 2/11/2006

cochise
     •2523 messages
     •Inscrit le 17/9/2005

flashback
     •37 messages
     •Inscrit le 5/9/2007

projetsferroviairesdu05
     •1383 messages
     •Inscrit le 17/9/2006

flashback
     •37 messages
     •Inscrit le 5/9/2007

projetsferroviairesdu05
     •1383 messages
     •Inscrit le 17/9/2006

flashback
     •37 messages
     •Inscrit le 5/9/2007

projetsferroviairesdu05
     •1383 messages
     •Inscrit le 17/9/2006

flashback
     •37 messages
     •Inscrit le 5/9/2007

boy432
     •111 messages
     •Inscrit le 12/7/2007

"n-in-l A ECRIT :

Bonjour
Je voudrais créer un genre d'album photo . je voudrais simplement qu'il y est a l'écran l'image et un bouton pour image suivante et image précédente. Mais ce n'est pas un diaporamat c'est le visiteur qui décide quand il veut changer d'image.
Merci d'avance

klemavalon
     •1008 messages
     •Inscrit le 3/5/2006

cochise
     •2523 messages
     •Inscrit le 17/9/2005

jardinsecret
     •55 messages
     •Inscrit le 3/9/2007

"n-in-l A ECRIT :

CITATION :

SCRIPT

 <script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - <a href="http://www.javascript-page.com" target="_blank">http://www.javascript-page.com</a>

var current = 0;

function initArray() {

this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
  }
}

var picz = new initArray(
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]",
"[color=#FF8080]votre image.gif[/color]"
);

  document.write('<img name="jscriptimg" src="'+picz[0]+'">');

function checkIt(val) {

var goodnum = current+val;

if (goodnum < 0) alert("Vous aimez vraiment les fleurs!");
else if (goodnum > picz.length-1) alert("oupsssss c'était la derni&#269;re, c'était pour vous mesdames!");
else document.jscriptimg.src = picz[goodnum];

current = goodnum;
}

//-->
</script>
<br><input type="button" value="Retour" onclick="checkIt(-1)"> <input type="button" value="Suite" onclick="checkIt(1)">
</center>
</form>[/quote]

servez vous du bouton "code" pour les scripts...........et un conseil, avant d'inserer ce script "balisez le.... voir le post-it de script util....cochise

Mourrir idiot c`est pas notre truc... profitez de l`instant present `carpe diem`

jardinsecret
     •55 messages
     •Inscrit le 3/9/2007

"str A ECRIT :

Bonjour,
je voudrai avoir des miniature sur le coté et l'affichage de mes photos au centre de la meme page
est-ce possible?

CITATION :

SCRIPT

<script type="text/javascript"><!--
// ====================================================
// script: Gerard Ferrandez - Ge-1-doot - JANUARY 2005
// <a href="news://news.leibowitz.org/nzn.fr.html" target="_blank">news://news.leibowitz.org/nzn.fr.html</a>
// <a href="http://www.dhteumeuleu.com/" target="_blank">http://www.dhteumeuleu.com/</a>
// crossbrowser DOM
// ====================================================


screen.bufferDepth     = 16;
O   = new Array();
box = 0;
img = 0;
txt = 0;
tit = 0;
W   = 0;
H   = 0;
nI  = 0;
sel = 0;
si  = 0;

//////////////////
ZOOM  = 7;
rImg  = 1.33;
speed = .1;
//////////////////

function dText(){
	txt.style.textAlign = tit.style.textAlign = (sel<nI/2)?"left":"right";
	txt.innerHTML = O[sel].tx;
	tit.innerHTML = O[sel].ti;
}

function CObj(n, s, x, tx, ti){
	this.n    = n;
	this.dim  = s;
	this.tx   = tx;
	this.ti   = ti;
	this.is   = img[n];
	this.vz   = 0;
	this.sx   = 0;
	this.x0   = x;
	this.x1   = 0;
	this.zo   = 0;

	this.clic = function(hlink) {
		with(this){
			if(n!=sel){
				O[sel].is.style.cursor = "pointer";
				if(!hlink)O[n].is.style.cursor = "default";
				O[sel].dim = 100;
				O[n].dim = ZOOM * 100;
				sel = n;
				l = 0;
				for(k=0; k<nI; k++){
					O[k].x0 = l;
					l += O[k].dim;
				}
				txt.innerHTML = tit.innerHTML = "";
				setTimeout("dText()", 32);
			} else {
				// ==== open hyperlink window
				if(hlink)window.open(hlink,"_blank");
			}
		}
	}

	this.anim = function () {
		with(this){
			vz  = speed*(vz+(x1-sx)*.5);
			x1 -= vz;
			sx  = (n==0)?0:O[n-1].x0+O[n-1].dim;
			zo -= (zo-dim)*speed;
			l   = Math.round((x1*si)+6*(n+1));
			w   = Math.round(zo*si);
			is.style.left   = l;
			is.style.top    = (H-w*rImg)*.5;
			is.style.width  = w;
			is.style.height = w*rImg;
			if(sel == n){
				if(sel<nI*.5)tit.style.left = txt.style.left = l+w+6;
				else tit.style.left = txt.style.left = l-(nx*.25)-6;
				txt.style.top = -(w*rImg)*.25;
				tit.style.top =  (w*rImg)*.33;
			}
		}
	}
}

function run(){
	for(j in O)O[j].anim();
	setTimeout("run()", 16);
}

function doResize(){
	tit.style.width = nx*.25;
	txt.style.width = nx*.25;
	tit.style.fontSize = (nx / 30) + "px";
	txt.style.fontSize = (nx / 70) + "px";
	with(box.style){
		width  = W;
		height = H;
		left   = nx / 2 - W / 2;
		top    = ny / 2 - H / 2;
	}
}

function resize(){
	nx = document.body.offsetWidth;
	ny = document.body.offsetHeight;
	W  =  nx * 90 / 100;
	si = (W-((nI+1)*6))/((ZOOM*100)+((nI-1)*100));
	H  = (100 * si * rImg) + 14;
	setTimeout("doResize()", 16);
}
onresize = resize;

onload = function(){
	box = document.getElementById("box");
	tit = document.getElementById("tit");
	txt = document.getElementById("txt");
	img = box.getElementsByTagName("img");
	nI  = img.length;
	resize();
	s = ZOOM * 100;
	x = 0;
	tit.innerHTML = img[0].title;
	txt.innerHTML = img[0].alt;
	for(i=0; i<nI; i++) {
		O[i] = new CObj(i, s, x, img[i].alt, img[i].title);
		img[i].alt = "";
		img[i].title = "";
		img[i].onmousedown = new Function("return false;");
		x += s;
		s = 100;
	}
	O[0].is.style.cursor = "default";
	setTimeout("box.style.visibility='visible';",100);
	run();
}
//-->
</script>
</head>
<body>

<div  </div>
<div  </div> 
<div id="box" style="position:height"0"; border:gray solid 1px;visibility:hidden;">
	<img onclick="O[0].clic();" src="[color=#FF8080]adresse url de la photo principale [/color]" title="[color=#00FF00]Votre commentaire sur la photo[/color]" alt="[color=#00BFFF]definition de la photo[/color]">
	<img onclick="O[1].clic();"adresse url de la photo 1" title="commentaire sur la la photo">
	<img onclick="O[2].clic();"adresse url de la photo 2" title="commentaire sur la photo">
	<img onclick="O[3].clic();"adresse url de la photo 3" title="commentaire sur la photo">
	<img onclick="O[4].clic();"adresse url de la photo 4" title="commentaire sur la photo">
	<img onclick="O[5].clic();"adresse url de la photo 5" title="commentaire sur la photo ">
	<img onclick="O[6].clic();"adresse url de la photo 6" title="commentaire sur la photo">
	<img onclick="O[7].clic();"adresse url de la photo7 " title="commentaire sur la photo">
	<img onclick="O[8].clic();"adresse url de la photo8" title="commentaire sur la photo">
	<img onclick="O[9].clic();"adresse url de la photo9" title="commentaire sur la photo">
	<img onclick="O[10].clic();"adresse url de la photo10 title="commentaire sur la photo">
	<span id="txt"></span>
	<span id="tit"></span>
</div>

cochise
     •2523 messages
     •Inscrit le 17/9/2005

boy432
     •111 messages
     •Inscrit le 12/7/2007

A propos
Accueil
Contact
Logos Wifeo
Inscription

Légal
CGU
Info. légales
Contenu illicite

Aides
Documentation
Forums
Aides animées
Sites d'aide

Divers
Générateur de bannières
Petites annonces
Nom de domaine
Cartes illustrées

Créer un site gratuitement et facilement