SLIDESHOW

Commentaire de stefbl le 29/09/2006 01:15:13

Bonjour,
Merci pour ce code d'une grande qualité, il a anéanti des journées entières de tentatives infructueuses d'y arriver tout seul...
Cependant je n'ai pas du tout compris ce qu'il fallait faire pour rajouter une nouvelle galerie "automatiquement" (c'est à dire en php). Peux-tu m'éclairer s'il te plaît ?
Stef

Commentaire de PhilouOnLine le 03/11/2006 13:09:28

Bonjour,

Très bonne source !!

Ce script est à la fois très esthétique et très efficace.

Toutefois, j'aurais besoin de précisions sur les fonctionnalités possibles telles que :

- lancer automatique le "AutoPlay" (diaporama) au chargement de la page
- si cette dernière est faisable, pouvoir paramétrer une sorte de "DefaultAutoPlayDelay" pour la durée par défaut de l'affichage d'une image.

Merci en tous cas pour cette source très utile.

Philou

Commentaire de PhilouOnLine le 03/11/2006 15:42:59

désolé, encore un petit commentaire...

Les 2 lignes de code mentionnées ci-dessus ne fonctionnent sur firefox. Donc, sur ce navigateur, le diaporama n'est pas lancé automatiquement.

Commentaire de PhilouOnLine le 13/11/2006 09:23:23

Salut,

Effectivement, avec l'évènement onclick(), cela fonctionne à la fois sur IE et sur FF.

Merci de ta réponse.

Quant à la valeur par défaut du délai de changement d'image, la moitié du "MaxAutoPlayDelay" me convient aujourd'hui. Ce ne sera peut être pas le cas demain.

Bonne continuation.
Philou

Commentaire de OB1_12 le 08/12/2006 20:42:11

Coucou,
Bravo, c'est vraiment un super bout de code...
Je vais l'utiliser tous de suite pour mon site... ;-)
A+

Commentaire de ngerageze le 10/02/2007 02:27:35

j'ai compri la code fonctionne merci

Commentaire de thetruche le 23/02/2007 17:14:39

J'ai trouvé une solution, j'ai modifié le fichier javascript SlideShow_lib.js
aux alentours de la ligne 1353:

var slideShow_html_code = ''+
'<div id=\''+slideShowName+'_divExt\' class=\''+this.divClass+'\' style=\'padding:'+this.border+'px;\'> \n'+
' <div id=\''+slideShowName+'_topNav\' style=\'width:'+firstImageSizeArray[0]+'px;display:none;\' class=\'SlideShow_topNav\'></div> \n'+
' <div id=\''+slideShowName+'_divInt\' class=\'SlideShow_divInt\' > \n'+
' <img src=\''+photo_galery[0][0]+'?'+date.getTime()+'\' class=\'SlideShow_image\' width=\''+firstImageSizeArray[0]+'\' height=\''+firstImageSizeArray[1]+'\' id=\''+slideShowName+'_image\' /> \n'+
' <img src=\'../SlideShow_module/css/images/loading.gif?'+date.getTime()+'\' id=\''+slideShowName+'_loading\' class=\'SlideShow_loading\' /> \n'+
' <div id=\''+slideShowName+'_IPTC\' class=\'SlideShow_IPTC\' style=\'width:'+firstImageSizeArray[0]+'px;\'></div> \n'+
' <a href=#><img src=\'../SlideShow_module/css/images/info.gif?'+date.getTime()+'\' alt=\"\" id=\''+slideShowName+'_IPTCbutton\' class=\'SlideShow_IPTCbutton\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].updateIPTCinfoToggle();return false;\' /></a> \n'+
' <form id="'+slideShowName+'SliderBar" onsubmit="return false;"style="_position: absolute;_top: 0;_width: 75px;_right: 50px;display:none;" class="slider_pos">\n'+
' <div id="'+slideShowName+'sliderBar" tabIndex="1" style="width: 90px;display:none;_width: 75px; margin: 10px;">\n'+
' <input name="'+slideShowName+'_slider_bar_input" class="slider-input" id="'+slideShowName+'_slider_bar_input"/>\n'+
// ' <div id="'+slideShowName+'min_slider_val" class="minSliderValue">0s</div>\n'+
// ' <div id="'+slideShowName+'med_slider_val" class="medSliderValue">'+medSliderVal+'s</div>\n'+
// ' <div id="'+slideShowName+'max_slider_val" class="maxSliderValue">'+maxSliderVal+'s</div>\n'+
' </div>\n'+
' </form>\n'+
' </div> \n'+
'</div> \n'+
// ' <div id=\''+slideShowName+'_ImageNav\' class=\'SlideShow_ImageNav\' style=\'height:'+firstImageSizeArray[1]+'px; width:'+firstImageSizeArray[0]+'px;\'> \n'+
// ' <a href=# id=\''+slideShowName+'_prevLink\' class=\'SlideShow_prevImg\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].prevImage();return false;\' ><<</a> \n'+
// ' <a href=#><img src=\'./SlideShow_module/css/images/play.gif?'+date.getTime()+'\' alt=\"Play SlideShow \''+slideShowName+'\'\" id=\''+slideShowName+'_PLAYbutton\' class=\'SlideShow_PLAYbutton\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].autoPlay();return false;\' /></a> \n'+
// ' <a href=#><img src=\'./SlideShow_module/css/images/stop.gif?'+date.getTime()+'\' alt=\"Stop SlideShow \''+slideShowName+'\'\" id=\''+slideShowName+'_STOPbutton\' class=\'SlideShow_STOPbutton\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].stopAutoPlay();return false;\' /></a> \n'+
//' <a href=# id=\''+slideShowName+'_nextLink\' class=\'SlideShow_nextImg\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].nextImage();return false;\' >>></a> \n'+
// ' </div> \n'+
'<script></script>';


var slideShow_html_code2 = ''+

' <div id=\''+slideShowName+'_ImageNav\' class=\'SlideShow_ImageNav\' > \n'+
' <table width="100" border="0" cellspacing="0" cellpadding="8"><tr >\n'+
' <td><a href=# id=\''+slideShowName+'_prevLink\' class=\'SlideShow_prevImg\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].stopAutoPlay();slideShowTab[&#39;'+slideShowName+'&#39;].prevImage();return false;\' ><img style=\"cursor:hand\" src=\"../ex/images/fleche_diap_imp1.gif\" width=\"9\" height=\"17\" /></a></td> \n'+
' <td><a href=#><img src=\'../ex/images/bton_diapo_diapo.gif\' alt=\"Play SlideShow \''+slideShowName+'\'\" id=\''+slideShowName+'_PLAYbutton\' class=\'SlideShow_PLAYbutton\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].autoPlay();return false;\' /></a></td> \n'+
' <a href=#><img src=\'../SlideShow_module/css/images/loading.gif\' alt=\"\" id=\''+slideShowName+'_STOPbutton\' class=\'SlideShow_STOPbutton\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].stopAutoPlay();return false;\' /></a> \n'+
' <td><a href=# id=\''+slideShowName+'_nextLink\' class=\'SlideShow_nextImg\' onClick=\'slideShowTab[&#39;'+slideShowName+'&#39;].stopAutoPlay();slideShowTab[&#39;'+slideShowName+'&#39;].nextImage();return false;\' ><img style=\"cursor:hand\" src=\"../ex/images/fleche_diap_imp2.gif\" width=\"9\" height=\"17\"/></a></td> \n'+
    '       </tr></table>\n'+
' </div> \n'+
' <div id=\''+slideShowName+'_bottom\' class=\'SlideShow_bottom\'> \n'+
' <div id=\''+slideShowName+'_descriptions\' class=\'SlideShow_descriptions\'>'+photo_galery[0][7]+'</div> \n'+
' </div> \n'+
'<script></script>';


// On envoit le code dans l'element DOM
Element.setInnerHTML(slideShowName, slideShow_html_code);
Element.setInnerHTML(slideShowName2, slideShow_html_code2);

Les boutons arrivent maintenant dans un autre div avec l'id "slideShowName2"

J'ai decommenté 2 ligne pour evité un decalage de mes boutons :
Ligne 1737 chez moi.

//Element.setHeight(slideShowName+'_ImageNav',newHeight); //Element.setWidth(slideShowName+'_ImageNav',newWidth);

Commentaire de dbarb le 19/10/2007 16:02:21

très bien ce srcipt

comment integrer les images dans une feuille de style existante pour que le slideshow n'apparaisse pas au milieu de l'ecran et dans une div de taille fixe.

Commentaire de cpepere le 17/05/2008 10:38:03

C'est bon, j'ai corrig? le souci en modifiant mes images, je les ai retravaill?es avec gimp et je les ai enregistr?es en .jpeg
Super script, merci encore.

Commentaire de diego1303 le 04/06/2008 07:57:20

Que signifie le point dans (.galeries/...).
est il à changer ?
Merci d'avance

Commentaire de diego1303 le 04/06/2008 11:01:48

Voici mon erreur lorsque j'installe ce code :
"Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /var/www/www.cediscount.lu/htdocs/SlideShow_module/require_lib/img_auto_import_lib.php:96) in /var/www/www.cediscount.lu/htdocs/include/sessions.inc.php on line 30"

ligne 96 du fichier "img_auto_import_lib.php", j'ai :
echo "\t\t\t\t\t\tnew Array('$rep/$file[name]', '$width', '$height', '$file[size]', '$file[title]', '$file[author]', '$file[copyright]', '$file[description]'), \n";
}
echo "\t\t\t\t\t\tnew Array('', '') \n";
echo "\t\t\t\t\t\t);\n";
echo "\t\t</script> \n";
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
}
//
// Module by The Rubik's Man
// © 2005-2006
//
?>

et ligne 30 de mon "sessions.inc.php" à la fin, j'ai :
session_start();
$expiry = 60 * 60 * 24 * 7; /* seven days */
session_set_cookie_params($expiry);

   $_SESSION['error'] = NULL;

/* recuperation des identifiants de connexion */

$username = NULL;
$password = NULL;

if (isset($_COOKIE['username']) && isset($_COOKIE['password'])) {
$username = $_COOKIE['username'];
$password = $_COOKIE['password'];
if (!is_object($_SESSION['clientIdentifie'])) {
$_POST['log'] = true;
}
} elseif (isset($_POST['username']) && isset($_POST['password'])) {
$username = $_POST['username'];
$password = $_POST['password'];
} else {
$username = '';
$password = '';
}

/* Récupération des réferences des produits en promo */

if (!is_array($_SESSION['ref_promo'])) {
$_SESSION['ref_promo']=array();

    $sql =  "select REFERENCE ".
            "from ".$tbl_promo." where promo = 'S'";

    $result = ociparse ($connection, $sql);
    ociexecute($result);

    while (OCIFetchInto ($result, $row, OCI_ASSOC)) {
        if (!in_array($row['REFERENCE'],$_SESSION['ref_promo'])) {
            $_SESSION['ref_promo'][] = $row['REFERENCE'];
        }
    }
}

/* recuperation d'un client par son nom */

if ($_POST['recover_customer']) {
unset($_SESSION['recover_customer']);
if ( $_POST['username'] != "" ) {
$arrayClient = EnvironementManager::loadClientByName($_POST['username']);
$_SESSION["recover_customer"] = $arrayClient;
}
}

/* connexion d'un client */

if (($_POST['log']) && ($username!="") && ($password!="")) {
$clientIdentifie = EnvironementManager::loadClientByLoginPassword($username,$password);
   if (is_object($clientIdentifie)) {
   $_SESSION['logged_in'] = true;
   $_SESSION['id'] = session_id();
   $_SESSION['clientIdentifie'] = $clientIdentifie;
   $commande = EnvironementManager::loadCommandeByNoClient($clientIdentifie->getNoClient());
   if (is_object($commande)){
$_POST['commandeRecupere'] = true;
   $_SESSION['commandeRecupere'] = $commande;
}
   if ($_POST['cookie']) {
   setcookie("username", $username, time()+$expiry*2); // 2 semaines
   setcookie("password", $password, time()+$expiry*2);
   }
   } else {
   if (empty($username) || empty($password)) {
   $_SESSION['error'] = 1; // Please enter a valid username/password combination.
   } else {
   $_SESSION['error'] = 2; // Wrong username/password combination.
   }
}
}

/* connexion d'un client par clé cryptées */

if ($_GET['key']!="") {
$clientIdentifie = EnvironementManager::loadClientByKey($_GET['key']);
if (is_object($clientIdentifie)) {
   $_SESSION['logged_in'] = true;
   $_SESSION['id'] = session_id();
   $_SESSION['clientIdentifie'] = $clientIdentifie;
   $commande = EnvironementManager::loadCommandeByNoClient($clientIdentifie->getNoClient());
   if (is_object($commande)){
$_POST['commandeRecupere'] = true;
   $_SESSION['commandeRecupere'] = $commande;
}
   if ($_POST['cookie']) {
   setcookie("username", $username, time()+$expiry*2); // 2 semaines
   setcookie("password", $password, time()+$expiry*2);
   }
   }
}

/* modificaiton des données du client */

if ($_POST['modifyAccount']) {
$clientIdentifie = $_SESSION['clientIdentifie'];
if (($_POST['password']==$_POST['password2']) && ($_POST['password']!="")) {
$clientIdentifie->setPassword($_POST['password']);
}
$_POST['code'] = verifCodePostal($_POST['code']);
$clientIdentifie->setEmail($_POST['username']);
$clientIdentifie->setPrenom($_POST['prenom']);
$clientIdentifie->setNom($_POST['nom']);
$clientIdentifie->setAdresse(str_replace("'"," ",$_POST['addresse']));
if ($_POST['pays'] == "FR") {
$clientIdentifie->setDepartement(substr($_POST['code'],0,2));
$clientIdentifie->setCode(substr($_POST['code'],2));
} else {
$clientIdentifie->setDepartement($_POST['code']);
$clientIdentifie->setCode($_POST['code']);
}
$clientIdentifie->setVille($_POST['ville']);
$clientIdentifie->setPays($_POST['pays']);
$clientIdentifie->setZoneTel(substr($_POST['tel'],0,2));
$clientIdentifie->setTelephone(substr($_POST['tel'],2));
$clientIdentifie->setFax(substr($_POST['fax'],2));
$clientIdentifie->setTrp(EnvironementManager::getTrpByPays($_POST['pays'],$clientIdentifie->getDepartement()));
$_SESSION['clientIdentifie'] = $clientIdentifie;
$clientIdentifie->register();
}

/* récupération de la commande précédente non traitée */

if ($_GET['action']=="recovery") {
$panier = $_SESSION['panier'];
$commandeRecupere = $_SESSION['commandeRecupere'];
if (!is_object($panier)) {
$panier = new Panier();
$commande = new Commande();
} else {
$commande = $panier->getCommande();
if (!is_object($commande)) {
$commande = new Commande();
} else {
$panier->removeCommande();
}
}
$commande->setModePaiement($commandeRecupere->getModePaiement());
$commande->setPoids($commande->getPoids()+$commandeRecupere->getPoids());
EnvironementManager::removeCommande($commandeRecupere->getNoCommande());

$commandeRecupere->resetLigneCommande();
while (list(,$ligneCommande)=$commandeRecupere->eachLigneCommande()) {
$commande->addLigneCommande($ligneCommande);
}
$panier->addCommande($commande);
$_SESSION['panier'] = $panier;
unset($_SESSION['flagEnvoiMail'],$_SESSION['commandeRecupere'],$commandeRecupere,$panier,$commande,$ligneCommande);
}

/* suppression de la commande précédente non traitée */

if ($_GET['action']=="delete") {
$commandeRecupere = $_SESSION['commandeRecupere'];
EnvironementManager::removeCommande($commandeRecupere->getNoCommande());
unset($_SESSION['flagEnvoiMail'],$_SESSION['commandeRecupere'],$commandeRecupere);
}

/* Add item to cart */

if ($_POST['product_id'] != '' &&
    $_POST['product_name'] != '' &&
    $_POST['product_fabr'] != '' &&
    $_POST['product_unitaire'] != '' &&
    $_POST['product_conditionnement'] != '' &&
    $_POST['product_famille'] != '' &&
    $_POST['product_ssfamille'] != '' &&
    $_POST['product_quantity'] != '') {

    $_POST['product_quantity'] = intval($_POST['product_quantity']);

    unset($_SESSION['notEnough']);
    unset($_SESSION['flagEnvoiMail']);

    if ($_POST['mode'] != "buy") {
    list ($stock,$delai) = EnvironementManager::getStockDelai($_POST['product_id']);
if (intval($stock / $_POST['product_conditionnement']) < $_POST['product_quantity'] and $delai != 1) {
$_SESSION['notEnough']['STOCK'] = intval($stock / $_POST['product_conditionnement']);
$_SESSION['notEnough']['DELAI'] = $delai;
}
}

    $panier = $_SESSION['panier'];
    if (!is_object($panier)) {
    $panier = new Panier();
    $commande = new Commande();
} else {
$commande = $panier->getCommande();
if (!is_object($commande)) {
$commande = new Commande();
}
}

if (!isset($_SESSION['notEnough'])) {
$ligneCommande = new LigneCommande();
$ligneCommande->setReference($_POST['product_id']);
$ligneCommande->setNomProduit($_POST['product_name']);
$ligneCommande->setNomFabricant($_POST['product_fabr']);
$ligneCommande->setPrixUnitaire($_POST['product_price']/$_POST['product_conditionnement']);
$ligneCommande->setConditionnement($_POST['product_conditionnement']);
$ligneCommande->setQuantite($_POST['product_quantity']);
$ligneCommande->setPoids($_POST['product_poids']);
$ligneCommande->setFamille($_POST['product_famille']);
$ligneCommande->setSsfamille($_POST['product_ssfamille']);
$commande->addLigneCommande($ligneCommande);
$panier->addCommande($commande);
$_SESSION['panier'] = $panier;
}
}

/* Gestion du retour CIC - paiement accepté */

if ($_GET['action'] == "accepted") {
EnvironementManager::valideComandeCIC($_GET['order_ref']);
$panier = $_SESSION['panier'];
if (is_object($panier)) {
$commande = $panier->getCommande();
if (is_object($commande)) {
$commande->logCommande($_SESSION['clientIdentifie']->getNoClient());
}
}
if (!isset($_SESSION['flagEnvoiMail'])) {
$_SESSION['inf'].=  "\n".$lang_paiement_accepte."\n".
"----------------------------------------------------------------\n";
mail($_SESSION['clientIdentifie']->getEmail(), $config_mail_object, $_SESSION['inf'], "From CEDISCOUNT Sàrl <contact@cediscount.lu>");
$_SESSION['flagEnvoiMail'] = true;
}
unset($_SESSION['panier']);
}

/* Gestion du retour CIC - paiement refusé */

if ($_GET['action'] == "refused") {
EnvironementManager::refuseCommandeCIC($_GET['order_ref']);
if (!isset($_SESSION['flagEnvoiMail'])) {
$_SESSION['inf'].=  "\n".$lang_paiement_refuse."\n".
"----------------------------------------------------------------\n";
mail($_SESSION['clientIdentifie']->getEmail(), $lang_refus_objet_mail." ".$config_website_title, $_SESSION['inf'], "From CEDISCOUNT Sàrl <contact@cediscount.lu>");
$_SESSION['flagEnvoiMail'] = true;
}
//unset($_SESSION['panier']);
}

/* suppression de la commande si CIC annulé */

if ($_GET['cic']=="cancel") {
$panier = $_SESSION['panier'];
if (is_object($panier)) {
$commande = $panier->getCommande();
if (is_object($commande)) {
EnvironementManager::removeCommande($commande->getNoCommande());
$commande->setNoCommande(0);
$panier->addCommande($commande);
$_SESSION['panier'] = $panier;
}
}
}

/* Retour au choix de mode de paiement */

if ($_GET['action'] == 'payment') {
$panier = $_SESSION['panier'];
if (is_object($panier)) {
$commande = $panier->getCommande();
$commande->setModePaiement("");
$panier->addCommande($commande);
$_SESSION['panier'] = $panier;
$action = "logout";
}
unset($panier,$commande);
}

/* Vidage du panier */

if ($_GET['action'] == 'empty') {
unset($_SESSION['panier']);
unset($_SESSION['inf']);
}

if (isset($_GET['action'])) {
$action = $_GET['action'];
} else {
unset($action);
}

/* Déconnexion */

if (isset($action) && !strcmp($action, 'logout')) {
$_SESSION['logged_in'] = false;
unset($_SESSION['clientIdentifie']);
   unset($_SESSION['commandeRecupere']);
unset($_SESSION['id']);
   unset($_SESSION['panier']);
setcookie ("username", "", time() - 3600);
setcookie ("password", "", time() - 3600);
}

if ($_SESSION['logged_in']) {
return true;
} else {
return false;
}

}

?>


DONC HELP SVP ????

Commentaire de gerardchic le 15/08/2008 12:00:50

code dégueulasse et mal documenté, nettoyage et ramassage à la ptite cuillère, css pas valide, jpg avec un format douteux quand au exemples d'images...c'est simplement desarmant.

Commentaire de gerardchic le 07/11/2008 16:25:38

je cherche un moyen de faire tourner sur la même page trois slideshow avec démarage automatique.

j'ai essayé de modifier le javascript suivant de la sorte :

"<script type="text/javascript">
function run_slide() { document.getElementById('homeshow1_PLAYbutton','homeshow2_PLAYbutton','homeshow3_PLAYbutton').onclick(); }
var timer = setTimeout("run_slide()", 500);
        </script>"

seul le premier démarre automatiquement.

si qq un a un idée sur le sujet...

Commentaire de geffer le 11/02/2009 18:31:18

Re bonjour,

La prochaine fois je tournerai 7 fois ma souris autour de mon écran avant de poser une question presque triviale.   $IPTC->getTag(120)

Commentaire de ISORE le 10/04/2009 18:22:31

Beaucoup de personne comme moi demande l'autoplay. Peux tu valider les 3 ou 4 solution ci-dessus ou compléter ton code.
Merci encore

Commentaire de Gestmed le 08/05/2009 16:08:13

Tres bon code, m'a rendu grand service, dommage pour le demarage automatique pas de reponse, mais BRAVO pour ce script tres clair

Commentaire de ringostare le 24/10/2009 12:19:46

Je me répond :

pour les infos des images, il faut éditer les infos  IPTC de l'image et rajouter les infos voulues. C'est assez contraignant.

J'aurai voulu afficher une phrase au dessus de chaque slideshow. N'est ce pas possible ?