|
| Exemple d'album YLBalbumPHP dans une page: |
|
Finist'air Show
Finist'air Show 2010, Landrévarzec
|
| Intallation : |
- Placer vos photos en ftp dans un dossier nomer par exemple "albumphoto".
- Ouvrir le fichier "YLBalbum_config.php" et mettre le nom du dossier ou ce trouve vos photos : $dossier="albumphoto/";
- Uploader les fichiers en ftp : chargement.jpg; fermer.gif; YLBalbum_config.php; YLBalbum_frame.php; YLBalbumPHP.php
- Ouvrir l'album avec le fichier "YLBalbumPHP.php".
- Vous pouvez modifier les autres paramètres de l'album en éditant le fichier "YLBalbum_config.php".
|
| Inclure YLBalbumPHP dans une page web: |
| Fichiers: |
- Placer vos photos en ftp dans un dossier nomer par exemple "albumphoto".
- Ouvrir le fichier "YLBalbum_config.php" et mettre le nom du dossier ou ce trouve vos photos : $dossier="albumphoto/";
- Uploader les fichiers en ftp : chargement.jpg; fermer.gif; YLBalbum_config.php; YLBalbum_frame.php
|
Editer le fichier "YLBalbumPHP" :
| Javascript et CSS : Inclure le javascript et le CSS dans le "head" de votre page : de la ligne 16 à 54 |
<script type="text/javascript">
<!--// [CDATA[
function divaffiche(){
document.getElementById("DIV_MOVE").style.display = "block";
document.getElementById("cache").style.display = "inline";
<!--document.getElementById("voir").style.display = "none";
}
function divcache(){
document.getElementById("DIV_MOVE").style.display = "none";
document.getElementById("cache").style.display = "none";
<!--document.getElementById("voir").style.display = "inline";
}
// ]] -->
</script>
<?php require("YLBalbum_config.php"); ?>
<style type="text/css">
form {
margin: 0;
}
#DIV_MOVE
{
background-color: <?php print $bgcolor; ?>;
display:none;
margin: <?php print $divhaut."px -".$divwidth/2; ?>px;
position: fixed;
left: 50%;
height: <?php print $divheight; ?>px;
width: <?php print $divwidth; ?>px;
display:none;
text-align : center;
border-left: 1px solid <?php print $fontcolor; ?>;
border-right: 1px solid <?php print $fontcolor; ?>;
border-top: 1px solid <?php print $fontcolor; ?>;
border-bottom: 1px solid <?php print $fontcolor; ?>;
z-index : 1000;
}
</style>
|
| Div MOV et Iframe: inclure la div et l'iframe au début du body de votre page: de la ligne 58 à 66 (peu importe l'endroit dans le body) |
<div class="DIV_MOVE" id="DIV_MOVE">
<form name="form5" method="POST" action="YLBalbum_frame.php" target="ZONE1">
<input type="hidden" name="nomphoto" value="chargement.jpg">
<input type='image' src="fermer.gif" name="image4" id="cache" onClick="divcache()">
</form>
<iframe src="YLBalbum_frame.php" name="ZONE1" height="<?php print $divheight - 50; ?>" width="<?php print $divwidth - 20; ?>" frameborder=0 scrolling=no >
Désolé mais votre navigateur ne supporte pas les cadres locaux. </iframe>
</div>
|
| L'album YLBalbumPHP: à l'endroit où vous voulez que votre album apparaisse inclure les lignes de : 58 à 241 |
<?php
//-------------------------------------------------------------//
// YLBalbumPHP version: 1.2 By YLB //
//-------------------------------------------------------------//
function genere_timbre($fichier,$format,$repertoire,$dossier)
{
$type=strtolower(strstr($fichier,"."));
if ($type==".jpg")
{
..................................................
...................................................
......................................................
..........................................................
print "</TR>";
$ligne++;
}
echo "</TABLE>";
?>
|
|
| Le fichier de configuration "YLBalbum_config.php" : |
<?php
// Titre de votre Album
$titreAlbum = "<div align="center"><font color="#0000FF" size="5"><strong>Finist'air Show</strong></font></div><br>";
$soustitreAlbum = "<div align="center"><font color="#0000FF" size="3">Finist'air Show 2010, Landrévarzec</font></div><br>";
// dossier ou ce trouve les photos par raport à cette page
$dossier="photos/";
// nom du répertoire où se trouve les mini images (répertoire "mini" par défaut)
$mini = $dossier."mini";
// Nombre de Photos par ligne (5 par défaut)
$nbPhotosParLigne = 5;
// Largeur d'une diapo (100 par défaut)
$largeurDiapo = 150;
// Extention des photos (vide par défaut pour s'adapter à l'image)
$extPhotos="";
// Couleurs de fond de la frame
$bgcolor="#191919";
// Couleurs du texte sur la frame
$fontcolor="#ffff00";
// Largeur de la frame en pixels
$divwidth="850";
// Hauteur de la frame en pixels
$divheight="650";
// Hauteur de la frame en pixels
$divhaut="20";
//Décallage photo hauteur en pixels
$MargePhotoHeight="100";
//Décallage photo largeur en pixels
$MargePhotowidth="60";
?>
|
| Commantaires : |
- Album simple à mettre en place.
- Si vous ne voulez pas mettre de titre et sous titre laisser vide: $titreAlbum = ""; et $soustitreAlbum = "";
- La largeur du tableau des miniatures est fixe à 800px, vous pouvez la modifier à la ligne 205 du fichier "YLBalbumPHP.php.
|
|
|