CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 19 21:50:16

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Graphique

> GALERIE+ UNE GALERIE DE PHOTO AUTOMATISÉE

GALERIE+ UNE GALERIE DE PHOTO AUTOMATISÉE

Information sur la source

Note :

8,22 / 10

Catégorie :Graphique Classé sous :galerie, photo, image, gratuit, js Niveau :Débutant Date de création :08/10/2004 Date de mise à jour :03/09/2006 09:05:39 Vu :24 368

Auteur : louis_alessandra

Ecrire un message privé

Site perso

Commentaire sur cette source (25)

Ajouter un commentaire et/ou une note

Description

Attention : incompatible Firefox et autre navigateur alternatif.

Ce script vous permet d'afficher une galerie de photos sur un site web. Il vous suffit d'ajouter les photos sur le serveur pour qu'elles soient automatiquement visibles sur votre site. Bien entendu, il y a une syntaxe à respecter strictement.

Vous trouverez ici uniquement le source, si vous voulez un exemple complet, rendez vous sur louis.alessandra.free.fr

Source

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
/************************************************************************************************************************/
/*
/* Auteur : Alessandra Louis
/* Date : 19.03.04
/* Version : 1.1
/* Info : Ce script est gratuit, vous pouvez l'installer sur votre site a condition de laisser apparaitre l'auteur et
/* de me prevenir par mel.
/*
/* web : louis.alessandra.free.fr
/*
/************************************************************************************************************************/
/************************************************************************************************************************/
/*
/* Vous pouvez visionner ce script sur louis.alessandra.free.fr
/* Vous pouvez trouvez ce script sur louis.alessandra.free.fr et sur www.javascriptfr.com
/*
/************************************************************************************************************************/
/************************************************************************************************************************/
/*
/* VARIABLES GLOBALES
/* (A configurer)
/*
/************************************************************************************************************************/
var photoNbHorizontal = 22; /* le nombre de photo horizontale (cfg) */
var photoNbVertical = 19; /* le nombre de photo verticale (cfg) */
var photoNb = photoNbHorizontal + photoNbVertical; /* le nombre total de photo (cfg) */
var photoEncours = 0; /* le numero de la photo affichée */
var photoChemin = "photos"; /* le repertoire ou se trouve les photos (cfg) */
var photoPrefixe = "ph"; /* le prefixe de toutes les photos (cfg) */
var photoExtention = "jpg"; /* l'extention de toutes les photos (cfg) */
var photoCadre = "img/cadre5.jpg" /* la localisation complete du cadre (cfg) */
/* configuration de la taille des apperçus des photos horizontales */
var photoLargeurHorizontal = "286px"; /* la largeur (cfg) */
var photoHauteurHorizontal = "200px"; /* la hauteur (cfg) */
/* configuration de la taille des apperçus des photos verticale */
var photoLargeurVertical = "136px"; /* la largeur (cfg) */
var photoHauteurVertical = "200px"; /* la hauteur (cfg) */
/* Configuration du layer de toutes les photos */
var photoLeft = "235px"; /* le left (cfg) */
var photoTop = "32px"; /* le top (cfg) */
var photoWidth = "286px"; /* le width (cfg) */
var photoHeight = "200px"; /* le height (cfg) */
var photoDuration = 2; /* le temps d'affichage d'une photo en seconde (cfg) */
/************************************************************************************************************************/
/*
/* FONCTIONS
/* (Vous n'etes pas censé modifier les fonctions)
/*
/************************************************************************************************************************/
function LayerIO(nomLay) {
/* Allume ou eteint nomLay en tps seconde */
/* nomLay est un string */
/* le layer nomLay doit comporter le param "filter:blendTrans(duration = tps)" */
document.all[nomLay].filters(0).Apply()
if(document.all[nomLay].style.visibility=="hidden")
document.all[nomLay].style.visibility="visible"
else
document.all[nomLay].style.visibility="hidden"
document.all[nomLay].filters(0).Play()
}
function photoChange(num) {
/* eteint la photo photoEncours et allume la photo num */
/* num et photoEncours sont des int */
if(photoEncours != 0)
LayerIO("layerPhoto" + photoEncours)
LayerIO("layerPhoto" + num)
photoEncours = num;
}
function photoSuiv() {
/* passe a la photo suivant : photoEncours + 1 */
if((photoEncours != 0) && (photoEncours != photoNb))
photoChange(photoEncours + 1);
else
photoChange(1);
}
function photoPrec() {
/* passe a la photo precedente : photoEncours - 1 */
if(photoEncours > 1)
photoChange(photoEncours - 1);
else
photoChange(photoNb);
}
function photoInsertLayer(format) {
/* insert toutes les layers necessaire a l'affichage des photos */
/* format peut etre "horizontal" ou "vertical" */
/* format defini le type de photo a inserer */
var photoJ = 0;
var photoNbTmp;
if (format == "horizontal")
photoNbTmp = photoNbHorizontal;
else if (format == "vertical")
photoNbTmp = photoNbVertical;
else alert("Erreur (photoInsertLayer): le parametre format n'est ni 'horizontal' ni 'vertical'");
while(photoJ++ < photoNbTmp) {
/* configuration du layer photoJ */
document.write("<div id='layerPhoto");
if(format == "vertical")
document.write(photoJ + photoNbHorizontal);
else
document.write(photoJ);
document.write("' style='position:absolute; left:");
document.write(photoLeft);
document.write("; top:");
document.write(photoTop)
document.write("; width:");
document.write(photoWidth);
document.write("; height:");
document.write(photoHeight);
document.write("; z-index:10; filter:blendTrans(duration=");
document.write(photoDuration);
document.write("); visibility: hidden'>");
/* configuration du lien vers la photo de taille entiere */
document.write("<div align='center'><a href='");
document.write(photoChemin)
document.write("/");
document.write(photoPrefixe);
if(format == "vertical")
document.write("10");
document.write(photoJ)
document.write(".");
document.write(photoExtention);
document.write("' target='_blank'>");
/* configuration de la photo en apperçu */
document.write("<img src='");
document.write(photoChemin)
document.write("/");
document.write(photoPrefixe);
if(format == "vertical") {
document.write("10");
if (photoJ<10)
document.write("0");
}
document.write(photoJ)
document.write("_.");
document.write(photoExtention);
document.write("' width='");
if(format == "horizontal"){
document.write(photoLargeurHorizontal);
document.write("' height='");
document.write(photoHauteurHorizontal);
document.write("' border='0' alt='");
document.write(photoJ);
document.write("' lowsrc='photo");
document.write(photoJ);
}
else {
document.write(photoLargeurVertical);
document.write("' height='");
document.write(photoHauteurVertical);
document.write("' border='0' alt='");
document.write(photoJ + photoNbHorizontal);
document.write("' lowsrc='photo");
document.write(photoJ + photoNbHorizontal);
}
/* fermeture des balises */
document.write("'></a></div></div>");
}
}
/**********************************************************************************************************************/
/*
/* INSERTIONS DES AUTRES LAYERS
/* (Configurez le left, top, width, height des 3 layer)
/*
/**********************************************************************************************************************/
/* affichage du cadre */
document.write("<div id='layerCadre' style='position:absolute; left:215px; top:10px; width:325px; height:242px; z-index:5'><img src='");
document.write(photoCadre);
document.write("' width='325' height='242'></div>");
/* affichage du menu */
document.write("<div id='layerMenu' style='position:absolute; left:50px; top:20px; width:155px; height:240px; z-index:11'>");
document.write("<h2>Galerie Photo</h2><p>");
var photoI = 0;
while (photoI++ < photoNb){
document.write(" <a href='#' onclick='photoChange(");
document.write(photoI);
document.write(")'>");
document.write(photoI);
document.write(" </a> ");
if (photoI%10 == 0)
document.write("<br>");
}
document.write("</p></div>");
/* affichage des boutons precedent et suivant */
document.write("<div id='layerPrecSuiv' style='position:absolute; left:224px; top:250px; width:306px; height:14px; z-index:13'>");
document.write("<p align='center'><a onClick='photoPrec()' href='#'> Precedent</a> - <a onclick='photoSuiv()' href='#'>Suivant</a></p>");
document.write("</div>");
photoInsertLayer("horizontal");
photoInsertLayer("vertical");
</script>
</head>
<body>
</body>
</html>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>

/************************************************************************************************************************/
/*
/* 	Auteur 	: Alessandra Louis             				
/* 	Date 	: 19.03.04					
/*	Version : 1.1
/*	Info	: Ce script est gratuit, vous pouvez l'installer sur votre site a condition de laisser apparaitre l'auteur et
/*		  de me prevenir par mel.
/*
/*	web	: louis.alessandra.free.fr
/*
/************************************************************************************************************************/

/************************************************************************************************************************/
/*
/* Vous pouvez visionner ce script sur louis.alessandra.free.fr
/* Vous pouvez trouvez ce script sur louis.alessandra.free.fr et sur www.javascriptfr.com
/*
/************************************************************************************************************************/

/************************************************************************************************************************/
/*
/*              				VARIABLES GLOBALES
/* 						(A configurer)
/*
/************************************************************************************************************************/

var photoNbHorizontal = 22; 					/* le nombre de photo horizontale 		(cfg)	*/
var photoNbVertical = 19; 					/* le nombre de photo verticale 		(cfg)	*/
var photoNb = photoNbHorizontal + photoNbVertical;		/* le nombre total de photo			(cfg)	*/
var photoEncours = 0;						/* le numero de la photo affichée			*/

var photoChemin = "photos"; 					/* le repertoire ou se trouve les photos	(cfg)	*/
var photoPrefixe = "ph"; 					/* le prefixe de toutes les photos 		(cfg)	*/ 
var photoExtention = "jpg";					/* l'extention de toutes les photos 		(cfg)	*/
var photoCadre = "img/cadre5.jpg" 				/* la localisation complete du cadre 		(cfg)	*/

/* configuration de la taille des apperçus des photos horizontales */
var photoLargeurHorizontal = "286px";				/* la largeur					(cfg)	*/
var photoHauteurHorizontal = "200px";				/* la hauteur					(cfg)	*/

/* configuration de la taille des apperçus des photos verticale */
var photoLargeurVertical = "136px";				/* la largeur					(cfg)	*/
var photoHauteurVertical = "200px";				/* la hauteur					(cfg)	*/

/* Configuration du layer de toutes les photos */
var photoLeft = "235px";					/* le left					(cfg)	*/
var photoTop = "32px";						/* le top					(cfg)	*/
var photoWidth = "286px";					/* le width					(cfg)	*/
var photoHeight = "200px";					/* le height					(cfg)	*/
var photoDuration = 2;						/* le temps d'affichage d'une photo en seconde	(cfg)	*/

/************************************************************************************************************************/
/*
/* 							FONCTIONS
/* 					(Vous n'etes pas censé modifier les fonctions)
/*
/************************************************************************************************************************/

function LayerIO(nomLay) {
/* Allume ou eteint nomLay en tps seconde 										*/
/* nomLay est un string 												*/
/* le layer nomLay doit comporter le param "filter:blendTrans(duration = tps)" 						*/

	document.all[nomLay].filters(0).Apply()
	if(document.all[nomLay].style.visibility=="hidden")
		document.all[nomLay].style.visibility="visible"
	else
		document.all[nomLay].style.visibility="hidden"	
	document.all[nomLay].filters(0).Play()
}

function photoChange(num) {
/* eteint la photo photoEncours et allume la photo num 									*/
/* num et photoEncours sont des int 											*/

	if(photoEncours != 0)
		LayerIO("layerPhoto" + photoEncours)		
	LayerIO("layerPhoto" + num)
	photoEncours = num;
}

function photoSuiv() {
/* passe a la photo suivant : photoEncours + 1 										*/ 	

	if((photoEncours != 0) && (photoEncours != photoNb))
		photoChange(photoEncours + 1);
	else 
		photoChange(1);
}

function photoPrec() {
/* passe a la photo precedente : photoEncours - 1 									*/

	if(photoEncours > 1)
		photoChange(photoEncours - 1);
	else 
		photoChange(photoNb);
}	

function photoInsertLayer(format) {
/* insert toutes les layers necessaire a l'affichage des photos 							*/
/* format peut etre "horizontal" ou "vertical"										*/
/* format defini le type de photo a inserer 										*/

var photoJ = 0;
var photoNbTmp;
if (format == "horizontal")
	photoNbTmp = photoNbHorizontal;
else if (format == "vertical")
	photoNbTmp = photoNbVertical;
else alert("Erreur (photoInsertLayer): le parametre format n'est ni 'horizontal' ni 'vertical'");

while(photoJ++ < photoNbTmp) {

/* configuration du layer photoJ */
document.write("<div id='layerPhoto");
if(format == "vertical")
	document.write(photoJ + photoNbHorizontal);
else
	document.write(photoJ);
document.write("' style='position:absolute; left:");
document.write(photoLeft);
document.write("; top:");
document.write(photoTop)
document.write("; width:");
document.write(photoWidth);
document.write("; height:");
document.write(photoHeight);
document.write("; z-index:10; filter:blendTrans(duration=");
document.write(photoDuration);
document.write("); visibility: hidden'>");

/* configuration du lien vers la photo de taille entiere */
document.write("<div align='center'><a href='");
document.write(photoChemin)
document.write("/");
document.write(photoPrefixe);
if(format == "vertical")
	document.write("10");
document.write(photoJ)
document.write(".");
document.write(photoExtention);
document.write("' target='_blank'>");

/* configuration de la photo en apperçu */
document.write("<img src='");
document.write(photoChemin)
document.write("/");
document.write(photoPrefixe);
if(format == "vertical") {
	document.write("10");
	if (photoJ<10)
		document.write("0");
}
document.write(photoJ)
document.write("_.");
document.write(photoExtention);
document.write("' width='");
if(format == "horizontal"){
	document.write(photoLargeurHorizontal);
	document.write("' height='");
	document.write(photoHauteurHorizontal);
	document.write("' border='0' alt='");
	document.write(photoJ);
	document.write("' lowsrc='photo");
	document.write(photoJ);
	}
else {
	document.write(photoLargeurVertical);
	document.write("' height='");
	document.write(photoHauteurVertical);
	document.write("' border='0' alt='");
	document.write(photoJ + photoNbHorizontal);
	document.write("' lowsrc='photo");
	document.write(photoJ + photoNbHorizontal);
	}

/* fermeture des balises */
document.write("'></a></div></div>");
}
}

/**********************************************************************************************************************/
/*
/* 						INSERTIONS DES AUTRES LAYERS
/*					(Configurez le left, top, width, height des 3 layer)
/* 
/**********************************************************************************************************************/

/* affichage du cadre */
document.write("<div id='layerCadre' style='position:absolute; left:215px; top:10px; width:325px; height:242px; z-index:5'><img src='");
document.write(photoCadre);
document.write("' width='325' height='242'></div>");

/* affichage du menu */
document.write("<div id='layerMenu' style='position:absolute; left:50px; top:20px; width:155px; height:240px; z-index:11'>");
document.write("<h2>Galerie Photo</h2><p>");
var photoI = 0;
while (photoI++ < photoNb){
	document.write(" <a href='#' onclick='photoChange(");
	document.write(photoI);
	document.write(")'>");
	document.write(photoI);
	document.write(" </a> ");
	if (photoI%10 == 0)
		document.write("<br>");
}
document.write("</p></div>");

/* affichage des boutons precedent et suivant */
document.write("<div id='layerPrecSuiv' style='position:absolute; left:224px; top:250px; width:306px; height:14px; z-index:13'>");
document.write("<p align='center'><a onClick='photoPrec()' href='#'> Precedent</a> - <a onclick='photoSuiv()' href='#'>Suivant</a></p>");
document.write("</div>");

photoInsertLayer("horizontal");
photoInsertLayer("vertical");

</script>
</head>

<body>
</body>
</html>

Historique

03 septembre 2006 09:05:40 :: Correction des liens et des commentaires. Rien de neuf sur le script desole.

Sources de la même categorie

STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard

MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin

FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz

[-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47

OGG MEDIA PLAYER par kazma

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

GALERIE PHOTO AVEC MENU RUBAN par JeMi

ALBUM PHOTO 3D(MERCI ADELAMI) AVEC GESTION FICHIER CONFIG (E... par ylebailly

LOUPE SUR IMAGE AU PASSAGE DE LA SOURIS ! par adelami

ZOOM SUR UNE IMAGE par neolien

DIAPORAMA PHP / JS par MATHIS49

Commentaires et avis

Commentaire de coucou747 le 27/10/2004 20:32:30

perso, je ne vois pas vraiment ou est l'automatisme...

Commentaire de louis_alessandra le 28/10/2004 16:32:43

Il vous suffit de mettre les nouvelles photos sur votre serveur pour qu'elles soient affichées sur votre site. Attention le code est en javascript pas en php !

Commentaire de coucou747 le 28/10/2004 16:37:49

expliques comment marche ton script car en php normalement tu liste un répertoire, tu cré les miniatures et tu mets en page, en js, on ne peut pas faire de miniatures et on ne peut pas lister un répertoire, donc je ne vois pas ou est l'automatisme...

Commentaire de coucou747 le 28/10/2004 16:41:28

la tu es obligé de renomer tes photos, toutes doivent êtres dans le même répertoire, et qqn qui ne voudra en regarder qu'une seule devra tt les télécharger (normalement on fait une miniature)

Commentaire de louis_alessandra le 28/10/2004 18:11:30

Exactement ! Ce code en js ne peu pas etre aussi "automatisé" qu'un code similaire en php.

Il faut donner à galerie+ des photos de dimension quelconque ainsi que leurs miniatures qui font en moyenne 5ko. Donc celui qui voudra visionner qu'une seule photo sera contraint de telecharger automatiquement toutes les miniatures de la galerie. Exactement comme un script en php donc ! Sauf que c'est a l'utilisateur de creer sa photo en miniature.

Remarque : pour faire une miniature d'une photo avec photoshop seule deux racourcis suffisent :
Ctr+I
la_hauteur_en_miniature
Entree
Ctr+M
changer_le_nom
Entree

Si vous cherchez d'autre details sur ce script merci de vous repporter au fichier README.TXT de l'archive presente sur le site web : louis.alessandra.free.fr

Commentaire de breakdownandcry le 03/12/2004 20:41:42

Bonjour !

Ton code est très bien et simple mais malheureusement mes photos ne s'affichent pas...qd je clique sur "suivant" ou "précédent" on voit les numéros des photos en haut à gauche mais pas la photo...
Peut-être ai-je mal nommé mes photos ? faut-il les redimensionner ? Help...

Commentaire de louis_alessandra le 04/12/2004 12:51:17

Non ca ne vien pas des dimensions car une photo mal dimensionnée devrais quand meme s'afficher. Tu as du mal nommer tes photos ou le repertoire qui les contients. Verifie le chemin des photos en faisant un clique sur la photo mal affiché dans ton navigateur.
Retourne voir le readme.

Commentaire de G_mini le 31/03/2005 08:38:39

Bonjour !

Ton code fonctionne très bien. Par contre j'aurais besoin de mettre des noms personnalisés pour chaque image dans le menu à la place des chiffres et comme je connais rien du tout en javascript ben j'y arrive pas

Est-ce que tu peut m'aider stp ? Merci

Commentaire de G_mini le 31/03/2005 09:17:59

Autre question : Est-ce possible de faire s'afficher une légende différente pour chaque image (en dessous du menu par exemple)

Merci Beaucoup.

Commentaire de skiso le 22/09/2005 18:02:31

jaimerais bien que nix nous dit comment il fait ces miniature.
les miniature des commentaire tel ou il y a ma photo, merci

Commentaire de coucou747 le 22/09/2005 20:34:28

c'est fait dans un langage serveur, ici l'asp, mais tu peux aussi le faire en php, perl ou java

Commentaire de hadda125 le 02/03/2006 21:50:04

Très bon et practique, merci!!!!:)

Commentaire de yplelan le 19/03/2006 15:57:33

Ne fonctionne pas sous FireFox !!!!!!!!!!!!!!!!!

Commentaire de m1a0u le 03/09/2006 01:20:55

Un très bon plus : Il suffit de coller les photos dans le répertoire, le script les prend en compte tout seul.
(Je rajoute que tu t'es donné la peine de fournir un exemple complet, qui fonctionne clé en main. Tout le monde ne le fait pas. Merci à toi.)

Un gros moins : ce n'est pas compatible avec Firefox.
Je vais voir si en coupant les fioritures (affichage progressif en supperposition sur un fond de cadre décoratif) cela peut sollutionner le problème

Un manque sérieux : Cela ne tient pas compte de l'arborescence des dossier dans le repertoire /photo. C'est dommage. Très.

Mais pour l'instant, c'est le meilleur script tout fait que j'ai sous la main.
Merci pour ton partage.

Commentaire de louis_alessandra le 03/09/2006 08:35:40

Merci pour tes critiques constructive m1a0u. Je ne programme plus trop en ce moment, je me demande donc si je vais sortir une nouvelle version de ce script. Surtout quand je vois a quel point c'est facil de faire une galerie en php ... M'enfin on ne sais jamais ... Je pense que le plus grave c'est l'incompatibilité avec Firefox.

Commentaire de cedricjoko le 04/10/2007 15:57:39 9/10

très pratique et simple à faire marcher !!! merci!!!!!!

Commentaire de sopatleb le 09/03/2008 20:24:22

bonjour Louis
je progamme pour faire un site pour mon club de tir à l'arc.
j'vais besoin d'un script pour visionner des photo du club et je suis tombé sur le tien,
( galerie+2 ).je le trouve génial juste ce que j'avais besoins.
j'espere que tu m'autorise a l'inclure dans mon programme.
Un petit soucis toutefois j'aimerais avoir une photo dans le cadre au lancement, pour moi,
j'ai un blanc et une premiere photo quand je clic sur suivant.de plus les photos ne defilent
pas automatiquement.
mais bon c'est quand même geniale.
encore merci et bonne continuation.
sopatleb

Commentaire de sopatleb le 09/03/2008 20:26:43 9/10

désolé j'ai oublié de noter.
un bon 9 sur 10
Sopatleb

Commentaire de louis_alessandra le 12/03/2008 16:25:19

Pour afficher la premiere photo : Tu as qu'a appeler photoSuiv() dans ton header par exemple ou initialiser le premier layer a "visible".
Pour que ca defile je ne sais pas trop. C'est pas faire pour ca a l'origine. Tu pourrais actualiser ta page toutes les 5 secondes en appelant photoSuiv() au passage mais ca va pas faire tres jolis. Voila amuse toi bien.

Commentaire de BOBBYARD le 04/11/2008 17:21:03

Salut louis je ne suis pas en mesure de critiquer ton script je suis
vraiment trop mauvais c'est le seul que suis arriver a faire
fonctionner c'est tres sympas .J'ai juste un petit problème
mes photos son un peu flou au rendu.aurai tu une solution
je pense l'adopter pour mon site si tu mis autorise bien sur !!!
merci pour tous et bravo

Commentaire de louis_alessandra le 06/11/2008 18:30:29

Tu es sur que les photos que tu veux afficher sont au format du cadre ?

Commentaire de BOBBYARD le 07/11/2008 10:19:32

Ok c'est sympa de me répondre pour l'instant je n'ai pas mis de cadre
le problème et peut etre là, mais si j'en fait un il doit etre de la
taille de ph01- photos réduite ou ph01 taille normale dans ton exemple
merci a toi

Commentaire de louis_alessandra le 07/11/2008 12:28:07

Photo réduite bien sur

Commentaire de BOBBYARD le 07/11/2008 13:27:19

re sympa de me répondre car je viens de me rendre compte que c'etait une question
stupide. Je teste merci par contre aurais tu un conseil pour tous ce qui est
cadre titre logo ext... quel logiciel utiliser pour avoir un site aussi bien
que le tiens .......bonne journée a toi

Commentaire de louis_alessandra le 07/11/2008 13:47:44

--> google.fr
++

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Navigation clavier dans une galerie pour passer d'une image à l'autre [ par zorkzyd ] Bonjour à tous, J'ai créé un code pour ma galerie pour passer d'une image à l'autre avec les flèches du clavier mais ça ne marche pas... pouvez-vous galerie photo javascript [ par titeyes ] [^^confus2]Bonjour, J'ai réaliser une galerie photo en javascript à l'aide du tutoriel sur alsacréation. J'aimerais rajouter des flêches à gauche e Problème d'affichage d'image sous IE6 (chemin chargé par Javascript) [ par AcarnanDragoon ] Bonjour Bonjour, Voila mon ptit problème : J'ai des miniature d'image qui lorsqu'on clique dessus déclenche une fonction javascript. Cette fonctio Galerie d'image [ par nicomilville ] Salut tout le monde,Je poste ce nouveau sujet parce que je rencontre un problème avec la galerie d'image !ça fait depuis 10 minutes que j'essai de sup Dimension Image Javascript [ par benStNarsRepresent ] Bonjour Mon problème est le suivant, j'ai un script (java script) qui exécute la fonctions displayPics avec la commande window.onload = displayPics; afficher/masquer calques sur image d'une liste <li> [ par vrgn ] [b]Bonjour j'ai fais[url=http://www.alsacreations.com/xmedia/tuto/exemples/galerie-jquery/] ce type de galerie[/url] en jquery qui marche bien ; Mais Position d'image [ par TOONIE ] <span lang="PT" style="ms probleme d'album photo [ par christclamard ] bonjour je suis christ et j'aimerais creer un album photo sur mon site internet. le probleme est que j'aimerais afficher 12 photo en sur 4 ligne a ra menu ruban avec vignette [ par pule ] bonjour a tous j'ai trouvé un script tous simple pour faire une galerie mais le probleme est que les miniatures ne s'affiche pas en menu ruban mais s' création d'une galerie photo hyper simple [ par chabgyver ] Bonjour,Je cherche à créer une galerie ultra simple pour l'un de mes sites. J'ai testé je ne sais combien de scripts de toutes sortes mais tous s'avèr

Nos sponsors

Derniers Blogs

COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL

SQL SERVER : QUERY NOTIFICATION OU COMMENT êTRE NOTIFIé DE MODIFICATIONS DE DONNéES CôTé APPLICATION (SQLDEPENDENCY) par christian

[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson

MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg

TECHDAYS 2010 GENèVE : RETROUVEZ-MOI POUR UNE SESSION SUR LA HAUTE DISPONIBILITé ET LE SCALEOUT AVEC SQL SERVER par christian

Forum

MODIFIER DYNAMIQUEMENT LES COORDONNéES MAP D'UNE IMAGE CLIQUABLE par eguignier

APPELER UNE ANCRE D'UNE AUTRE PAGE AU COEUR D'UNE FONCTION JAVASCRIPT par MissArmande

RE : TRI PAR ORDRE ALPHABéTIQUE par PetoleTeam

RE : TRI PAR ORDRE ALPHABéTIQUE par El_CaNaRdO

RE : RéALISATION D'UNE PAGE WEB par DARKSIDIOUS

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods