|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 GALERIE+ UNE GALERIE DE PHOTO AUTOMATISÉE
 Information sur la source
 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>
 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
Sources en rapport avec celle ci
 Commentaires et avis
 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 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
Galerie d'image simple [ par silverbeach ]
Bonjour, Je cherche une galerie en ajax assez simple:Au chargement de la page, j'affiche la 1ere image et en dessous, j'affiche des miniatures (max 5-
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
galerie photo [ par maxxou56 ]
Je souhaiterais réalisé un site internet avec une galerie photo, mais je suis un peu bloquer sur le code étant donné que je nai que très peu de basees
Galerie Photo demande conseil [ par G4uthier ]
Bonjour, voila j'ai une partie admin pour gérer une galerie photo et je voudrais que quand ladmin clique sur la photo et bien la photo se supprime de
Soucis avec galerie photo [ par Vivi82 ]
Salut à tous,Comme je m'y connais pas vraiment en javascript , j'aimerai bien un ptit coup main, si possible J'ai comme qui dirait un ptit soucis avec
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|