Accueil > > > ALBUM DE PHOTOS
ALBUM DE PHOTOS
Information sur la source
Description
Ceci est une source modifié pour mes besoins. J'avais besoin d'un code permettant dafficher des photos sous forme de vignettes et que chacune d'elles permette ensuite d'afficher la photo agrandie. Tout ceux que j'ai trouvé permettaient trop de choses et géraient une multitude d'album alors que je ne voulais en avoir qu'un. J'ai donc modifié l'un d'eux pour arriver à mes fins. Cependant il me reste un problème (et c'est surtout pour avoir la réponse que je poste cette source): je voudrais que lorsque la photo s'ouvre agrandie, le tire de celle-ci s'affiche en dessous. Si quelqu'un a la solution.............
Source
- <?php
- session_start();
- ?>
-
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <META http-equiv="Content-Type" content="text/HTML; charset=iso-8859-15">
- <TITLE>CLUB EURO TRABI</TITLE>
- <SCRIPT LANGUAGE="Javascript">
- <!--
- function hideStatusBar() {
- window.defaultStatus="CLUB EURO TRABI";
- }
- hideStatusBar();
- //-->
- </SCRIPT>
- <META http-equiv="Expires" content="0">
- <META http-equiv="Cache-Control" content="no-cache">
- <META http-equiv="Pragma" content="no-cache">
- <LINK rel="stylesheet" type="text/css" href="../style_trabi.css">
- <SCRIPT language=JavaScript>
- <!--
- function openImage(url)
- {
- i1 = new Image;
- i1.src = url;
- html = '<HTML><HEAD><TITLE>MUSEE HORCH de ZWICKAU</TITLE><META HTTP-EQUIV="imagetoolbar" CONTENT="no"></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=10 MARGINHEIGHT=0 OnBlur="javascript: self.close()"><CENTER><IMG SRC="'+url+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+30,document.imageTest.height+102)" alt="">';
- html2 = '</A></CENTER></BODY></HTML>';
- popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
- popupImage.document.open();
- popupImage.document.write(html);
- popupImage.document.write(html2);
- popupImage.document.close();
- }
- -->
- </SCRIPT>
- </HEAD>
- <BODY>
-
- <DIV align="center">
- <IMG src="../img/TitreClub.gif" width="764" height="76"><BR>
- <table width="90%" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td class="chg"> </td>
- <td class="mh"> </td>
- <td class="chd"> </td>
- </tr>
- <tr>
- <td class="mg"> </td>
- <td class="fond">
- <FONT class="titre">MUSEE HORCH de ZWICKAU</FONT>
- </td>
- <td class="md"> </td>
- </tr>
- <tr>
- <td class="cbg"> </td>
- <td class="mb"> </td>
- <td class="cbd"> </td>
- </tr>
- </table>
- <P>
- Le musée HORCH vous fera revivre l'épopée de cette grande marque.
- </P>
- <P><FONT color="#000000"><I>Passez la souris sur une vignette pour voir le titre, cliquez pour l'agrandir</I></FONT></P>
-
- <?php
-
- // VOUS POUVEZ MODIFIER CETTE PARTIE SELON VOS PRÉFÉRENCES:
- $folder = "photos"; // Dossier contenant les images
- $mini = "thumbs"; // Dossier contenant les miniatures
- $nbimg = 25; // Nombre d'images par page
- $hautmini = 60; // Hauteur des miniatures
- $largmini = 60; // Largeur des miniatures
-
- $back = 'précédent';
- $next = 'suivant';
- $combien = 'Il y a ';
- $photo = ' photo dans cette série';
- $photos = ' photos dans cette série';
-
- // FIN DE LA PARTIE MOFIABLE
-
- if (isset($_GET['id'])) // id = page affichée
- {
- $id = $_GET['id'];
- }
- else
- {
- $id = 1;
- }
-
- $glop = $id * $nbimg;
- $glup = ($id-1) * $nbimg;
- $row=0;
-
- $dossier = opendir($folder);
-
- if ($dossier !== false)
- {
- while ($Fichier = readdir($dossier))
- {
- if ($Fichier != '.' && $Fichier != '..' && $Fichier != $mini && $Fichier != 'Thumbs.db')
- {
- $row = $row+1;
-
- if ($row<=$glop && $row>$glup) // affiche que les images comprises entre [(id -1) * nb images] et [id*nb images]
- {
- $Image = $Fichier;
- // affiche les vignettes
- ?>
- <?php
- $inhalt = explode(".",$Fichier);
- $extrait0 = $inhalt[0];
- $extrait1 = $inhalt[1];
- $titre = $inhalt[0];
- ?>
- <IMG src="<?php echo "$folder/$mini/$Fichier"; ?>" border="0" border="0" vspace="20" hspace="20" onclick="openImage('<?php echo "$folder/$Fichier"; ?>')" alt="" title="<?php echo $titre; ?>" style="cursor:hand;">
-
-
- <?php
- }
- }
- }
- }
- ?>
-
- <TABLE width="90%" >
- <TR>
- <TD width="33%" align="left">
- <A href='../sommaire_albums.php' style='color:#0000CC' target='_top'>
- <DIV class="knopfa" style="width:200;"><B>Liste<BR>des albums</B></DIV>
- </A>
-
- </TD>
- <TD width="33%" align="center">
- <?php
- if ($row == 1){
- echo ''.$combien.$row.$photo; // no comment ;-)
- }
- if ($row == 0){
- echo 'Il n\'y a aucune image dans cette série';
- } if($row != 1 AND $row != 0){
- ?>
- <FONT color="#000000"><?php echo $combien.$row.$photos; ?></FONT>
- <?php
- ?>
- <BR>
-
- <?php
- }
- if ($id > 1) {
- ?>
- <A href='horch_museum.php?id=<?php echo $id-1; ?>'><FONT color="#000000"><?php echo $back; ?> - </FONT></A>
- <?php
- }
-
- for ($i=1; $i <= ceil($row/$nbimg); $i++)
- {
- if ($i != $id)
- {
- ?>
- <A href="horch_museum.php?id=<?php echo $i; ?>"><FONT color="#000000"><U><?php echo $i; ?></U></FONT></A> -
- <?php
- }
- else
- {
- if ($row > 25) {
- ?>
- <FONT color="#000000"><?php echo $i; ?> -</FONT>
- <?php
- }
- }
- }
- if ($id*$nbimg < $row) {
- ?>
- <FONT color="#000000"></FONT> <a href='horch_museum.php?id=<?php echo $id+1; ?>'><FONT color="#000000"><?php echo $next; ?></FONT></a>
-
- <?php
- }
- ?>
- </TD>
- <TD width="33%" align="right">
-
- <A href='../sommaire_horch.php' style='color:#0000CC' target='_top'>
- <DIV class="knopfa" style="width:200;"><B>Sommaire<BR>Horch</B></DIV>
- </A>
-
- </TD>
- </TR>
- </TABLE>
-
- <BR>
- <HR>
- <?php include ("../03_bas_page.php"); ?>
- </DIV>
- </BODY>
- </HTML>
<?php
session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/HTML; charset=iso-8859-15">
<TITLE>CLUB EURO TRABI</TITLE>
<SCRIPT LANGUAGE="Javascript">
<!--
function hideStatusBar() {
window.defaultStatus="CLUB EURO TRABI";
}
hideStatusBar();
//-->
</SCRIPT>
<META http-equiv="Expires" content="0">
<META http-equiv="Cache-Control" content="no-cache">
<META http-equiv="Pragma" content="no-cache">
<LINK rel="stylesheet" type="text/css" href="../style_trabi.css">
<SCRIPT language=JavaScript>
<!--
function openImage(url)
{
i1 = new Image;
i1.src = url;
html = '<HTML><HEAD><TITLE>MUSEE HORCH de ZWICKAU</TITLE><META HTTP-EQUIV="imagetoolbar" CONTENT="no"></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=10 MARGINHEIGHT=0 OnBlur="javascript: self.close()"><CENTER><IMG SRC="'+url+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+30,document.imageTest.height+102)" alt="">';
html2 = '</A></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.write(html2);
popupImage.document.close();
}
-->
</SCRIPT>
</HEAD>
<BODY>
<DIV align="center">
<IMG src="../img/TitreClub.gif" width="764" height="76"><BR>
<table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="chg"> </td>
<td class="mh"> </td>
<td class="chd"> </td>
</tr>
<tr>
<td class="mg"> </td>
<td class="fond">
<FONT class="titre">MUSEE HORCH de ZWICKAU</FONT>
</td>
<td class="md"> </td>
</tr>
<tr>
<td class="cbg"> </td>
<td class="mb"> </td>
<td class="cbd"> </td>
</tr>
</table>
<P>
Le musée HORCH vous fera revivre l'épopée de cette grande marque.
</P>
<P><FONT color="#000000"><I>Passez la souris sur une vignette pour voir le titre, cliquez pour l'agrandir</I></FONT></P>
<?php
// VOUS POUVEZ MODIFIER CETTE PARTIE SELON VOS PRÉFÉRENCES:
$folder = "photos"; // Dossier contenant les images
$mini = "thumbs"; // Dossier contenant les miniatures
$nbimg = 25; // Nombre d'images par page
$hautmini = 60; // Hauteur des miniatures
$largmini = 60; // Largeur des miniatures
$back = 'précédent';
$next = 'suivant';
$combien = 'Il y a ';
$photo = ' photo dans cette série';
$photos = ' photos dans cette série';
// FIN DE LA PARTIE MOFIABLE
if (isset($_GET['id'])) // id = page affichée
{
$id = $_GET['id'];
}
else
{
$id = 1;
}
$glop = $id * $nbimg;
$glup = ($id-1) * $nbimg;
$row=0;
$dossier = opendir($folder);
if ($dossier !== false)
{
while ($Fichier = readdir($dossier))
{
if ($Fichier != '.' && $Fichier != '..' && $Fichier != $mini && $Fichier != 'Thumbs.db')
{
$row = $row+1;
if ($row<=$glop && $row>$glup) // affiche que les images comprises entre [(id -1) * nb images] et [id*nb images]
{
$Image = $Fichier;
// affiche les vignettes
?>
<?php
$inhalt = explode(".",$Fichier);
$extrait0 = $inhalt[0];
$extrait1 = $inhalt[1];
$titre = $inhalt[0];
?>
<IMG src="<?php echo "$folder/$mini/$Fichier"; ?>" border="0" border="0" vspace="20" hspace="20" onclick="openImage('<?php echo "$folder/$Fichier"; ?>')" alt="" title="<?php echo $titre; ?>" style="cursor:hand;">
<?php
}
}
}
}
?>
<TABLE width="90%" >
<TR>
<TD width="33%" align="left">
<A href='../sommaire_albums.php' style='color:#0000CC' target='_top'>
<DIV class="knopfa" style="width:200;"><B>Liste<BR>des albums</B></DIV>
</A>
</TD>
<TD width="33%" align="center">
<?php
if ($row == 1){
echo ''.$combien.$row.$photo; // no comment ;-)
}
if ($row == 0){
echo 'Il n\'y a aucune image dans cette série';
} if($row != 1 AND $row != 0){
?>
<FONT color="#000000"><?php echo $combien.$row.$photos; ?></FONT>
<?php
?>
<BR>
<?php
}
if ($id > 1) {
?>
<A href='horch_museum.php?id=<?php echo $id-1; ?>'><FONT color="#000000"><?php echo $back; ?> - </FONT></A>
<?php
}
for ($i=1; $i <= ceil($row/$nbimg); $i++)
{
if ($i != $id)
{
?>
<A href="horch_museum.php?id=<?php echo $i; ?>"><FONT color="#000000"><U><?php echo $i; ?></U></FONT></A> -
<?php
}
else
{
if ($row > 25) {
?>
<FONT color="#000000"><?php echo $i; ?> -</FONT>
<?php
}
}
}
if ($id*$nbimg < $row) {
?>
<FONT color="#000000"></FONT> <a href='horch_museum.php?id=<?php echo $id+1; ?>'><FONT color="#000000"><?php echo $next; ?></FONT></a>
<?php
}
?>
</TD>
<TD width="33%" align="right">
<A href='../sommaire_horch.php' style='color:#0000CC' target='_top'>
<DIV class="knopfa" style="width:200;"><B>Sommaire<BR>Horch</B></DIV>
</A>
</TD>
</TR>
</TABLE>
<BR>
<HR>
<?php include ("../03_bas_page.php"); ?>
</DIV>
</BODY>
</HTML>
Conclusion
Voilà. Comme je l'ai déjà dit, cette source n'est pas de moi, mais une modification d'une source que j'avais trouvé il y a longtemps je ne sais plus où. Si par hasard l'auteur la reconnait, qu'il se fasse connaitre. Vous pouvez vois l'usage de cette source ici: www.jlbcreations.com/eurotrabi/albs_zwickau/Z wickau_2007/Zwickau_2007.php Merci à tous
Historique
- 29 novembre 2008 22:00:19 :
- ajout du lien dans la conclusion
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Suppression d'un fichier dans un dossier en php [ par boubeuch1 ]
J'ai plusieurs albums photo. Je souhaite les gérer en supprimant ou en ajoutant des photos mais ça ne marche pas. Pour la suppression, il n'y a aucun
joindre +afficher photo en php [ par algantilla ]
Bonjour, j'aimerai bien savoir comment faire pour joindre des photos en pfp! en fait j'ai fait dans mon formulaire un input de type file!! mais je sa
ouverture fichiers PHP [ par hmeidatt ]
hmeidatt J' ai besoin d'aide, je prie tout le monde de me renseigner sur astuces simple ou programmes simple pour ouvrir fichiers avec extension PHP.m
problème avec opendir et readdir [ par boubeuch1 ]
je fais la partie administrateur d'un site, je souhaite faire en sorte d'accéder à différents album photo contenu dans un dossier: <?php $dossierphoto
Script News avec photo [ par webalexpb ]
Bonjour , je cherche à faire un script de news avec une photo ... J'ai deux pages : [u]redigernews.php[/u] [code=php]<?php mysql_connect(
probleme photo et cache [ par interstyl ]
Bonjour voici mon probleme en php j'ai fait une sorte de bibliotheque avec affichage de 3 photos pour chaque entrée . Lors de l'affichage de mes ent
Redimensionnement d'image à l'upload [ par JackAlex ]
Bonjour @ tous,voilà c'est mon premier site en PHP que j'essai de réalisé en piochant des éléments à droite et à gauche. Dans celui-ci j'ai une sectio
Sur la papier et dans ma tete mon diaporama c'est ça ... [ par gnosis35 ]
Bonjour, J'aimerai réaliser un site et notamment créer un diaporama. J'ai pourtant quelques questions avant de me lancer. Pour cela j'aimerai récolte
Sur la papier et dans ma tete mon diaporama c'est ça ... [ par gnosis35 ]
Bonjour, J'aimerai réaliser un site et notamment créer un diaporama. J'ai pourtant quelques questions avant de me lancer. Pour cela j'aimerai récolte
Avant de programmer mon diaporama l'idée est elle bonne ? merci [ par gnosis35 ]
J’aimerai faire un diaporama de photos mais pour cela : _ j’aimerai récupérer la date de prise de vue et l’heure de la prise de vue
|
Derniers Blogs
CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT)CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT) par FREMYCOMPANY
Bonjour à tous, Je viens de publier une proposition comprenant 5 pseudo-classes pour le CSS Working Group ayant trait à l'état de chargement d'un élément (ex: IMG,VIDEO,AUDIO,OBJECT pour l'HTML.). Si le c½ur vous en dit, vous pouvez retrouver cette p...
Cliquez pour lire la suite de l'article par FREMYCOMPANY MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ?MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice
Formation initiale Durant la formation, le découpage classique est le suivant (je donnerai les équivalences Suisse lorsque je les connaîtrais) : Ecole primaire jusqu'au Collège : Formation générale permettant d'obtenir les méthodes...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENTY'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks
Quand on a ce genre d'erreur sans log :
Et bas on a juste envie de choper le gas de Microsoft qu'a développé ça et lui foutre des baffes de Coboye ! ...
Cliquez pour lire la suite de l'article par Aleks [HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET
Avec la sortie prochaine de la Beta Consumer Preview de Windows 8, j'avais envie de revenir sur une des fonctionnalités que j'attends le plus et que, en bon geek que je suis, j'utilise déjà : Hyper-V 3 ainsi son module PowerShell.
Il y a déjà pléthor...
Cliquez pour lire la suite de l'article par Pierrick CATRO-BROUILLET IIS7 - COMPRESSION GZIPIIS7 - COMPRESSION GZIP par cyril
La compression GZIP permet d'améliorer les performances de navigation en compressant ce qu'envoie le serveur à un client. Pour comprendre comment cela fonctionne, regardons ce qu'il se passe au niveau HTTP lorsqu'un client tente d'accéder à une ress...
Cliquez pour lire la suite de l'article par cyril
Logiciels
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 Academy System (17.1.3.0)ACADEMY SYSTEM (17.1.3.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System 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
|