Album de photos

Commenter

Contenu du snippet

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 / Exemple : 


<?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">&nbsp;</td>
      <td class="mh">&nbsp;</td>
      <td class="chd">&nbsp;</td>
    </tr>
    <tr>
      <td class="mg">&nbsp;</td>
      <td class="fond">
      <FONT class="titre">MUSEE HORCH de ZWICKAU</FONT>
     </td>
      <td class="md">&nbsp;</td>
    </tr>
    <tr>
      <td class="cbg">&nbsp;</td>
      <td class="mb">&nbsp;</td>
      <td class="cbd">&nbsp;</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; ?>&nbsp;-&nbsp;</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>&nbsp;-
<?php
}
else
{
	if ($row > 25) {
?>	
<FONT color="#000000"><?php echo $i; ?>&nbsp;-</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/Zwickau_2007/Zwickau_2007.php
Merci à tous

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (trabi11fr)