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

Ce site au démarrage

begin process at 2012 02 06 02:16:28

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 :30 652

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

PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma

CALCULATRICE HEURE par m22001111

DRAG & DROP VERS UN CANVAS par kazma

ROTATION D'UNE IMAGE, ANIMATION par william voirol

FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

CENTRAGE D'IMAGE AVEC PETIT EFFET par kazma

LIGHTBOX DIAPORAMA par kazma

GALERIE PHOTO DYNAMIQUE EN JAVASCRIPT "JQUERY" par zertyx

CAROUSELLE 3D par kazma

GALERIE PHOTO AVEC MENU RUBAN par JeMi

Commentaires et avis

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

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 administrateur CS

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 administrateur CS

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 administrateur CS

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 modification code galerie photo [ par aiglon22 ] bonjour, je souhaiterai modifier le scripte d'une galerie photo trouvée sur le site d'alsacréations, [url=http://www.alsacreations.com/tuto/lire/557-g 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; Resize du contenu en fonction du background. [ par 90max ] Bonjour à tous, Pour mon site, j'aimerais travailler avec une photo en background. Cette photo doit faire 100% de l'écran, chose faite grâce au plugi 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 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 Modif dans script pour galerie [ par htaine ] Bonjour à tous, je sollicite votre aide pour un petit détail qui me chagrine. J'ai un script pour une galerie photo, tout est OP, sauf qu'au lieu d'af Div dynamique en JS [ par xstaz94 ] Salut à tous, J'ai codé avec un ami une sorte de slide dynamique qui fait defiler verticalement 4 images successivements toutes les 3 secondes. On ai

Nos sponsors

Derniers Blogs

CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT) par FREMYCOMPANY

MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice

Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks

[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET

IIS7 - COMPRESSION GZIP par cyril

Forum

METTRE L'ARRIERE PLAN DE SITE WEB CHANGEABLE par hassen87

RE : AFFICHER UN IFRAME SELON UN SELECT par pascalito92140

RE : VéRIFICATION FORMULAIRE par jmeunier

RE : AFFICHER UN TABLEAU CACHé SUR UNE IMAGE par Julien39

COPIER / COLLER JAVASCRIPT PHP par fregeal

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Cherche referenceur astucieux
Budget : 1 500€
Recherche expert advisor sous mql4 hedging
Budget : 200€
Creation boutique en ligne iphone- android - Republication.
Budget : 4 000€

Logiciels

Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

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

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning
COLLECTOR PLUS (3.00B)
COLLECTOR PLUS (3.00B)

COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par : - L...

Cliquez pour télécharger COLLECTOR PLUS
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
LettresFaciles 2011 (8.0.0.1)
LETTRESFACILES 2011 (8.0.0.1)

LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types. Son inte...

Cliquez pour télécharger LettresFaciles 2011