Bonjour, voici un script permettant de générer un diaporama en javascript affichant les photos extraite d'un répertoire. Le script permet d'uploader et de supprimer une photo, d'arrondir ses angles, de la redimensionner et de créer une miniature de la photo.
Le code nécessite trois autres fichier et un dossier image pour fonctionner (pour l'affichage de la partie javascript).
Je suis débutant et comme beaucoup d'entre vous autodidacte ... C'est pourquoi je m'excuse d'avance des possibles incohérence dans mon code ainsi que dans mes commentaires ...
La partie javascript du diaporama a été récupéré sur un autre site, mais je ne me souvient plus de l'auteur. Je le remercie encore si il se reconnaît. Mais vous pourrez utiliser le diapo que vous voudrez.
J'espère que vous aurez de nombreux commentaires afin de m'aider a améliorer ce bout de code.
Merci d'avance.
Giloum.
Voici la deuxième version de ce code, modifié par Crasygogo.
Source / Exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Diaporama</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../css/diaporama.css" />
<style type="text/css">
body
{
background: white;
font-family:Arial, Helvetica, sans-serif;
}
div#container
{
text-align: left;
}
a
{
color: #385898;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
legend
{
color: #385898;
font-size:12px;
}
</style>
<script type="text/javascript" src="../../javascript/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../javascript/jquery.transition-0.2.1.pack.js"></script>
</head>
<body>
<?php
/*********************** PARAMETRAGE DU SCRIPT ***********************/
// Hauteur maxi des images
define("HAUTEUR_MAXI_IMAGE", "300");
// Hauteur maxi des miniatures
define("HAUTEUR_MAXI_THUMB", "50");
// Poids maxi d'un fichier
define("POIDS_FICHIER_MAX", "20000000");
// Rayon de l'arrondi d'une image
define("RAYON_ARRONDI_IMAGE", "30");
// Rayon de l'arrondi d'une miniature
define("RAYON_ARRONDI_THUMB", "10");
// Titre du diaporama
define("GALLERY_TITLE", "Diaporama");
// Démarage automatique
define("GALLERY_AUTORUN", "true");
// Temps d'affichage de chaque image
define("GALLERY_IMAGE_DISPLAY_TIME", "2000");
// Durée de la transition
define("GALLERY_IMAGE_TRANSITION_TIME", "500");
// Hauteur maxi des images de la galerie
define("GALLERY_IMAGE_MAX_HEIGHT", "300");
// Largeur maxi des images de la galerie
define("GALLERY_IMAGE_MAX_WIDTH", "400");
// Hauteur maxi des miniatures de la galerie
define("GALLERY_THUMB_MAX_HEIGHT", "50");
// Largeur maxi des miniatures de la galerie
define("GALLERY_THUMB_MAX_WIDTH", "66");
// Afficher le titre du diaporama
define("GALLERY_DISPLAY_TITLE", "true");
// Afficher le titre des images
define("GALLERY_DISPLAY_CAPTION", "true");
// Affichage en Consultation ou en Modification selon cette variable:
$_SESSION['admin']=true;
/******************* FIN DU PARAMETRAGE DU SCRIPT ********************/
// On appelle la fonction avec en paramètre le nom du dossier à scanner:
diaporama("../images_diaporama");
/***********************************************************************************************************************************************************************
SCIPT PERMETTANT DE GENERER UN DIAPORAMA EN JAVASCRIPT AFFICHANT AUTOMATIQUEMENT LES PHOTOS EXTRAITES D'UN REPERTOIRE.
APRES VERIFICATION DES DROITS D'UTILISATEURS, LE SCRIPT PERMET D'UPLOADER, D'ARRONDIR LES ANGLES, DE REDIMENSIONNER, ET DE CREER UNE MINIATURE DE LA PHOTO.