Slider dans coppermine

[pbasmo]

Bonjour,
Je voudrais vous faire profiter d'un petit slider que j'ai intégré dans mon site. Vous pouvez en voir le résultat à http://pierre.basmoreau.free.fr
En réalité il s'agit d'un code Javascript disponible gratuitement à http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm que j'ai adapté pour l'intégrer dans coppermine. Ce site (dynamicdrive) est une vraie mine d'or pour les développeurs et mérite le détour.

Au final, le script permet de choisir de manière aléatoire un certain nombre d'images présentes dans la base (15 par défaut) et de les faire défiler (scrolling) de droite à gauche à un emplacement déterminé.
Chaque image du slider dispose d'un lien qui permet d'accèder à l'image compléte dans l'album.
A chaque rafraichissement de la page, une nouvelle série d'images est recalculée.

J'avais essayé le mod "Image Scroller based on Filmstrip", mais je voulais un slider moins important en occupation d'écran.

Voici donc le script complet appelé "slider.php" que vous placerez à la racine de votre site :

Code:

<?php
/****************************************************************************
slider.php

Ce script permet de choisir aléatoirement des images présentes dans la base
et d'en faire un slider.
Chaque image est 'clickable' et possède un lien pour accéder à l'image de l'album.
Un code javascript fourni par Dynamic Drive at http://www.dynamicdrive.com
a été adapté pour l'insérer dans le portail Coppermine.
*****************************************************************************/
// Initialisation
define('IN_COPPERMINE', true);

//Pour TESTER le script dans coppermine, activer la ligne ci-dessous et appeler le script pas http://votre-site/slider.php
//require('include/init.inc.php');
//Pour intégrer le script dans coppermine, il est impératif de désactiver la ligne.
?>

<script type="text/javascript">
/**********************************************************************************************
* Le code initial a été coupé en 2 parties :
* 1ere partie du javascript : initialisation des variables
***********************************************************************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
**********************************************************************************************/
//Specify the slider's width (in pixels)
var sliderwidth="1000px"
//Specify the slider's height (par défaut hauteur des images thumb en paysage)
var sliderheight="75px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color: ne rien mettre = couleur transparente et s'adapte a la couleur du theme
slidebgcolor=""
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
</script>

<?php
/******************************************************************************
Code PHP qui permet de : 
- de lire les images de manière aléatoire dans la base de données
- d'alimenter le tableau leftrightslide initialisé dans le code javascript ci-dessus
- d'adapter la hauteur de la zone sur la hauteur maxi des images lues (75px ou 100px)
*******************************************************************************/
// Nombre maxi d'images à intégrer au scrolling
$limit=15;
// Requete à executer dans la base
$query = "SELECT * FROM {$CONFIG['TABLE_PICTURES']} WHERE approved = 'YES' ORDER BY RAND() LIMIT $limit";
// Réception du résultat
$result = cpg_db_query($query);
// Tableau de valeurs pour lecture des infos de chaque image
$rowset = array();
// Index du tableau
$i=0;
// Hauteur maxi des images : sera 75px ou 100px
$max_height=0;
// Pour chaque image.....
echo "<script type=\"text/javascript\">"."\n";
while($row = mysql_fetch_array($result)){
// Lecture du pid de l'image (numéro d'enregistrement dans le fichier)
$key=$row['pid'];
// Lecture de la hauteur de la vignette
    $image_size = compute_img_size($row['pwidth'], $row['pheight'], $CONFIG['thumb_width']);
// Calcul de la hauteur maxi de la zone déroulante (par défaut = 75px)
if ($image_size['height'] > $max_height) {
$max_height = $image_size['height'];
}
// Chemin d'accès à l'image
$file="albums/".$row['filepath']."thumb_".$row['filename'];
// Lien pour accèder a l'image dans un clic du scrolling
  $lien="<a href=\"displayimage.php?album=random&cat=0&pos=-$key\"><img src=\"".$file."\" border=0></a>";
// On construit le code Javascript
// Le tableau javascript initialisé plus haut est alimenté par la chaine : lien + chemin
echo "leftrightslide[".$i."]='".$lien."'"."\n";
$i=$i+1;
}
//Adapte la hauteur de la zone de scroll à la hauteur maxi des images (variable déja initialisée en javascript)
echo "sliderheight=\"".$max_height."px\""."\n";
echo "</script>"."\n";
// On libère la mémoire
mysql_free_result($result);
/******************************************************************************
Fin du code PHP
*******************************************************************************/
?>

<script type="text/javascript">
// *****************************************************************
// 2eme partie du code Javascript initial
// Ici rien n'a été modifié
// *****************************************************************
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
window.onload=fillup

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}

if (iedom||document.layers){
with (document){
// J'ai ajouté la propriété alignement du tableau au centre. Adapter au besoin à gauche(left) ou à droite (right)
document.write('<table border="0" cellspacing="0" cellpadding="0" align="center"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

Il y a 2 manières de l'utiliser :

Intégration dans le script 'anycontent.php'
C'est la manière la plus simple. Voici le code final du script 'anycontent.php' :

Code:

if (!defined('IN_COPPERMINE')) die('Not in Coppermine...');

starttable("100%", "Welcome");

include "slider.php";

?>

<tr><td class="tableb" >
</td></tr>
<?php
endtable();

?>

Il suffit de mettre la ligne d'include ....
A condition que la configuration de votre site permette l'affichage de cette section 'anycontent' (dans les outils d'administration : configuration -> Affichage de la liste des albums -> Contenu de la page principale : anycontent/catlist/alblist par exemple), le slider apparaîtra au-dessus de la liste des Catégories (ou des Albums)

Intégration du Slider dans un thème
Pour ma part, c'est la solution que j'ai choisi :
J'utilise actuellement le thème "Rainy Day" et le Slider se trouve dans l'en-tête de page.
Mais pour ce faire, il faut modifier 2 scripts dans le répertoire du thème :

• theme.php

En cherchant un peu (car il faut chercher un peu  ) j'ai trouvé le code à insérer pour tenir compte du Slider.
(pour la petite histoire, j'avais modifié le fichier include/themes.inc.php mais il est formellement déconseillé de le faire sous peine de perdre les modifications lors d'une mise à jour ultérieure de coppermine  merci Frantz ! )
Voici le code que j'ai inséré juste avant le tag ?> (l'original de ce code se trouve à la ligne 1181 de themes.inc.php):

Code:

function pageheader($section, $meta = '')
{
global $CONFIG, $THEME_DIR;
global $template_header, $lang_charset, $lang_text_dir;

$custom_header = cpg_get_custom_include($CONFIG['custom_header_path']);

// Intégration du slider dans le theme. On définit une variable $bandeau qui contiendra le code final du slider
$bandeau=cpg_get_custom_include("slider.php");

$charset = ($CONFIG['charset'] == 'language file') ? $lang_charset : $CONFIG['charset'];

header('P3P: CP="CAO DSP COR CURa ADMa DEVa OUR IND PHY ONL UNI COM NAV INT DEM PRE"');
header("Content-Type: text/html; charset=$charset");
user_save_profile();

$template_vars = array('{LANG_DIR}' => $lang_text_dir,
'{TITLE}' => $CONFIG['gallery_name'] . ' - ' . strip_tags(bb_decode($section)),
'{CHARSET}' => $charset,
'{META}' => $meta,
'{GAL_NAME}' => $CONFIG['gallery_name'],
// Ajout du bandeau
'{BANDEAU}' => $bandeau,
'{GAL_DESCRIPTION}' => $CONFIG['gallery_description'],
'{SYS_MENU}' => theme_main_menu('sys_menu'),
'{SUB_MENU}' => theme_main_menu('sub_menu'),
'{ADMIN_MENU}' => theme_admin_mode_menu(),
'{CUSTOM_HEADER}' => $custom_header,
);

echo template_eval($template_header, $template_vars);
}

Les 2 lignes spécifiques au Slider sont annotées. J'utilise une variable $bandeau et {BANDEAU}.
A ce stade, le bandeau n'apparaîtra pas encore. Il faut ajouter la variable {BANDEAU} dans le template.html, à l'emplacement choisi.

• template.html

Pour placer le bandeau, il suffit d'indiquer {BANDEAU} à l'emplacement désiré. Plusieurs essais ont été nécessaires pour trouver l'emplacement idéal (à mon goût bien sûr).

En espérant avoit été clair dans mes explications...

Bon scroll à tous

[Pascal YAP]

Bonjour Pierre,

Merci pour cette excellente Contribution. (K+1)
Nul doute que votre solution aura autant de succès que le Script FLASH de RphMedia , "Image Scroller based on Filmstrip"

PYAP

[François Keller]

Bonjour Pierre,

Merci pour cette contribution. Il serait interessant de traduire le texte de ce post en anglais pour poster dans la section anglophone du forum 

[pbasmo]

hi,
it's ok, I try to translate this post (i prefer to write and not talk with my accent marseillais  )

[Pascal YAP]

Pierre,

Ceci étant je vois que vous avez contribué à l'amélioration de Coppermine (en Français)
Puisque bientôt aussi en anglais.... Vous êtes désormais "Contributeur" Officiel  (voir votre Profil)

ça s'arrose 

PYAP

[pbasmo]

Bonsoir,

Je lis chaque jour mon horoscope et il ne m'a pas averti de cette promotion honorifique ! je me plaindrais à qui de droit ! 
Je ne sais pas si on peux appeler çà améliorer Coppermine, en tout cas, améliorer le thème graphique.
Mais je vous dis MERCI de cette distinction que j'essaierais d'honorer de mon mieux. Aujourd'hui j'étais à fond, ma prochaine contrib sera dans qques mois !!! 

ha oui.... j'ou....hic ! hic ! ....bliais de vous ... hic hic ....dire que le choumap...heu  champi ....pardon ...champ...hic....agne était très bon CLING ! A votre santé !

Pierre

[François Keller]

Mais je vous dis MERCI de cette distinction que j'essaierais d'honorer de mon mieux. Aujourd'hui j'étais à fond, ma prochaine contrib sera dans qques mois !!!  Clin d'oeil

Qoui, on ne t'a pas dis que désormais c'était 24 heures sur 24 pour Coppermine ? 

[Pascal YAP]

Bonjour,

J'ai installé Slider.php sur une Galerie Coppermine. ( www.haut-les-mains.fr/ avec Slider, et sans  www.haut-les-mains.fr/media)
Je n'ai pas choisi d'utiliser ce script au sein de Coppermine, mais au contraire n'importe où ailleurs.

Aussi, il est nécessaire d'invalider (supp //)  la ligne suivante dans slider.php comme signalé par Pierre :

Code:

//Pour TESTER le script sans coppermine, activer la ligne ci-dessous et appeler le script pas http://votre-site/slider.php
require('include/init.inc.php');
//Pour intégrer le script dans coppermine, il est impératif de désactiver la ligne.
?>

Pour afficher le Slider sur la page d'accueil de ce site, j'ai choisi de l'intégrer via un IFRAME, comme ceci :

Code:

<iframe src="http://www.haut-les-mains.fr/media/slider.php"
width="930" scrolling="auto" height="220" frameborder="0"
name="FrameMediaRotator" allowtransparency="true"
 bgcolor="#ecf07c">
</iframe>

En procédant ainsi, il ne faut pas oublier d'inclure le code suivante dans votre (vos) TEMPLATE.HTML afin que les liens appliqués aux vignettes défillantes de Slider soient affichées en pleine page, et non uniquement dans le IFRAME !
Le code suivant fait en sorte que la page affichée soit toujours maîtresse, et ne peut pas être utilisée dans des cadres (frame ou iframe)

Code:

<script language="javascript1.2"><!--
if (parent.frames.length != 0) top.location.replace(document.location.href);
// --></script>

Voir le résultat ici  : www.haut-les-mains.fr
(bien meilleur aspect avec Firefox, qu'avec IE !)

PYAP


ps : et [out off topic] ! :
Si Pierre, puisque vous êtes de Marseille, passe par Digne-les-Bains.fr (!) je pourrai aisément le mettre en relation avec le Vol Libre local. (Pierre ou toute autre personne du Forum CPG.fr)
Un petit vol en Parapente au-dessus des Alpes de Haute Provence ne vous dit pas ?  Frantz ? 
Ce n'est pas du tout mon métier, mais je connais tout le monde 

[/OUT OF TOPIC]

[François Keller]

[out of topic]

Un petit vol en Parapente au-dessus des Alpes de Haute Provence ne vous dit pas ?  Grima&ccedil;ant Frantz ?  Grima&ccedil;ant

Si tu connais un parapente spécial poids lourd, pourquoi pas  Il faut juste que je passe par la[/out of topic]

[pbasmo]

Du parapente ? on vole n'est-ce pas ? ca veut dire aussi que les pieds ne touchent plus le sol ?
J'ai vu le site de haut-les mains...super !!! mais avec moi ce serait plutot ...haut-le-coeur ! car vous n'imaginez pas ce que j'adore fouler le sol de mes pieds !
Merci pour la proposition
Bravo pour l'amélioration du script, cela veut dire que on peut utiliser slider.php sur un autre site en faisant appel à des images d'un site externe. C'est tres fort !
Mais je dois avouer que je n'ai pas tout compris comment cela fonctionne. En fait je ne connais pas la méthode des iframe. J'aime la simplicité  mais je vais étudier un peu cela.

[pbasmo]

ouf ! voila qui est fait ! les anglos-saxons ont maintenant l'article du slider dans leur langue !
Heureusement que mon ami Systran a été là pour m'aider dans cette tâche si difficile !
La traduction se trouve à http://forum.coppermine-gallery.net/index.php?topic=41197.0
En espérant que tout soit compréhensible pour eux !

[Pascal YAP]

Pierre,

Oui c'est vraiment parfait !
Merci K+1 

PYAP

[emma]

j'y arrive po
alors en faite je voudrais en faite mettre une petite iframe sur mon site où l'on verrais les dernières photos du derniers album ajouté mais il y a pb, voici le mon site:
http://www.jessicabiel.ze.cx
il y a la page wikipedia qui s'affiche
j'ai bien ajouté le fichier slider en tête du dossier de la galerie
ce que j'ai fait c'est modifier anycontent.php

Code:

<?php
// ------------------------------------------------------------------------- //
// Coppermine Photo Gallery 1.3.2                                            //
// ------------------------------------------------------------------------- //
// Copyright (C) 2002-2004 Gregory DEMAR                                     //
// http://www.chezgreg.net/coppermine/                                       //
// ------------------------------------------------------------------------- //
// Updated by the Coppermine Dev Team                                        //
// (http://coppermine.sf.net/team/)                                          //
// see /docs/credits.html for details                                        //
// ------------------------------------------------------------------------- //
// This program is free software; you can redistribute it and/or modify      //
// it under the terms of the GNU General Public License as published by      //
// the Free Software Foundation; either version 2 of the License, or         //
// (at your option) any later version.                                       //
// ------------------------------------------------------------------------- //
// CVS version: $Id: anycontent.php,v 1.5 2004/07/24 15:03:52 gaugau Exp $
// ------------------------------------------------------------------------- //

starttable("100%", "Welcome");
if (!defined('IN_COPPERMINE')) die('Not in Coppermine...');

starttable("100%", "Welcome");

include "slider.php";

?>

<tr><td class="tableb" >
</td></tr>
<?php
endtable();

?>
?>
<tr><td class="tableb" >
This is for any content block - just a test - Edit the file "anycontent.php" to change what is shown here
</td></tr>
<?php
endtable();

?>

templates.php

Code:

<script language="javascript1.2"><!--
if (parent.frames.length != 0) top.location.replace(document.location.href);
// --></script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/water_drop/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
  {CUSTOM_HEADER}
  <table width="100%" border="0" cellpadding="20" cellspacing="20">
    <tr>
      <td valign="top" style="border: 1px solid #D2861A; background-color: #FDFDE9;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
<center><img src="themes/water_drop/images/jbwpics.png" border="1"></center>
          <tr>
            <td width="100%" align="center">
              <h1>{GAL_NAME}</h1>
              <h3>{GAL_DESCRIPTION}</h3><br />
              {SYS_MENU}<br />{SUB_MENU}
            </td>
          </tr>
        </table>
        <img src="images/spacer.gif" width="1" height="15" alt="" />
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top">
              {ADMIN_MENU}
              {GALLERY}
              <div style="text-align:center;">
              <div>
  {LANGUAGE_SELECT_FLAGS}<br />
  {THEME_SELECT_LIST}{LANGUAGE_SELECT_LIST}
  </div>
  </div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  {CUSTOM_FOOTER}{VANITY}
</body>
</html>

sur mon site

Code:

<html>
<head>
<title>Menu</title>
<link href="style.css" rel="stylesheet" type="text/css"></head>
</head>
<body>

 <tr>
<td>

<h1>Sur les écrans français</h1>
<h4><img style="float:left" src="next.png" border="0">
&nbsp&nbsp<strong> <u>Next</u></strong><br>
&nbsp<strong>Réal:</strong>Lee Tamahori<br>
&nbsp<strong>Statut:</strong>Au Ciné<br>
&nbsp<strong>Sortie US:</strong> 27/04/2007<br>
&nbsp<strong>Sortie FR:</strong> 25/04/2007<br>
&nbsp<strong>Rôle:</strong> Liz<br>
&nbsp<strong><a href="http://www.imdb.com/title/tt0435705/" target="_blank">IMDB</a>
- <a href="http://www.tfmdistribution.fr/next" target="_blank">Site Officiel</a></strong>
<br></h4>
<h4>
<img border="0" align="left" alt="" src="7th.jpg">
<strong>7 à la maison</strong><br>
        <em>Statut:</em>-Rediffusion Saison 8<br>
Du lundi au vendredi  16h30 (1 épisode)<br>
        <em>Rôle:</em>Mary Camden<br>
<em>Chaine:</em>TF1<br></h4></td></tr>
</table>

<tr>
<td>
<h1>Dernières photos</h1><br>
<h4><iframe src="http://http://7thheavenvideos.free.fr/jesseforever/gallerybiel//slider.php"
width="200" scrolling="auto" height="110" frameborder="0"
name="FrameMediaRotator" allowtransparency="true"
 bgcolor="#FFFFFF">
</iframe></h4>
</td></tr>
</table>

</html>

[Pascal YAP]

Bonjour Emma,

je voudrais en faite mettre une petite iframe sur mon site où l'on verrais les dernières photos du derniers album ajouté

Le MOD de PBasmo n'est pas conçu pour afficher les dernières images Uploadées. Ce MOD affiche les images de la Galerie de façon aléatoire.

il y a la page wikipedia qui s'affiche

Je n'ai rien vu de tel 

Le fichier ANYCONTENT que vous devez installer pourrait ressembler à ceci :

Code:

if (!defined('IN_COPPERMINE')) die('Not in Coppermine...');
starttable("100%", "Welcome to Jessica Biel Website");
include "slider.php";
?>
<tr><td class="tableb" >
</td></tr>
<?php
endtable();
?>

Vérifiez depuis le début l'intégration que vous avez réalisé, il y a sans doute une petite erreur quelque part parce que les différentes méthodes citées ci-dessus fonctionnent bel et bien !

PYAP

[pbasmo]

Bonsoir Emma, bonsoir Pyap

J'ai vu aussi cela , mais d'après votre article Pyap sur l'intégration hors coppermine, vous avez réactivé une ligne include dans le script slide.php.

Je n'ai pas choisi d'utiliser ce script au sein de Coppermine, mais au contraire n'importe où ailleurs.

Aussi, il est nécessaire d'invalider (supp //)  la ligne suivante dans slider.php comme signalé par Pierre :

Code:

//Pour TESTER le script sans coppermine, activer la ligne ci-dessous et appeler le script pas http://votre-site/slider.php
require('include/init.inc.php');
//Pour intégrer le script dans coppermine, il est impératif de désactiver la ligne.
?>

Emma vous n'en parlez pas de cette correction. L'avez vous faite ?
Le problème peut venir de la peut-être !

[BIIPmoni]

c'est super!!!!!!

merci!!!! (http://www.news3d.eu/Smileys/News3D/notworthy.gif)(http://www.news3d.eu/Smileys/News3D/notworthy.gif)(http://www.news3d.eu/Smileys/News3D/notworthy.gif)

http://www.monicafiore.altervista.org/my_monicafiore/

[Pascal YAP]

Bzzzz BIIPmoni,

En effet c'est vraiment propre !
Remercions encore Pbasmo pour cette contribution qui satisfait beaucoup de monde 

PYAP

[BIIPmoni]

Bzzzz BIIPmoni,

En effet c'est vraiment propre !
Remercions encore Pbasmo pour cette contribution qui satisfait beaucoup de monde 

PYAP

oui oui oui , j’essaie de le faire devenir fameux [img]http://www.news3d.eu/Smileys/News3D/headbang.gif[img]

http://forum.coppermine-gallery.net/index.php?topic=44412.0


ih 

[pbasmo]

Salut à tous ....
et...WOWWWW ! L'article a été traduit en italien !
Je n'ai qu'un mot à dire : GRAZIE BIIPMoni ! 

Comme nous sommes dans le sujet, je profite de répondre ici à un mail qui m'a été envoyé : une personne demande s'il est possible de n'afficher dans le slider que les images d'un album en particulier ....OUI ! C'est possible.

Le script à modifier est slider.php dans le 2eme bloc <?php......?>
Le script original est le suivant :

Code:

<?php
/******************************************************************************
Code PHP qui permet de : 
- de lire les images de manière aléatoire dans la base de données
- d'alimenter le tableau leftrightslide initialisé dans le code javascript ci-dessus
- d'adapter la hauteur de la zone sur la hauteur maxi des images lues (75px ou 100px)
*******************************************************************************/
// Nombre maxi d'images à intégrer au scrolling
$limit=15;
// Requête à executer dans la base
$query = "SELECT * FROM {$CONFIG['TABLE_PICTURES']} WHERE approved = 'YES' ORDER BY RAND() LIMIT $limit";

La requête SELECT lit aléatoirement les images enregistrées dans la table symbolisée par la variable {$CONFIG['TABLE_PICTURES']}. Dans la base cette table peut porter le nom de cpgxxx_pictures (où xxx est le numéro de version de coppermine).
Dans cette table, chaque image détient le numéro d'album (champ aid) auquel elle appartient.
Pour limiter le choix à un ou plusieurs albums, il faut donc ajouter après la clause WHERE approved = 'YES' une clause AND aid = numéro_album.

Ainsi pour ne limiter le choix qu'à l'album numéro 15 par exemple, la ligne devra s'écrire :

Code:

$query = "SELECT * FROM {$CONFIG['TABLE_PICTURES']} WHERE approved = 'YES' AND aid = 15 ORDER BY RAND() LIMIT $limit";

Pour limiter le choix à plusieurs albums (15 et 20 par exemple), la ligne sera :

Code:

$query = "SELECT * FROM {$CONFIG['TABLE_PICTURES']} WHERE approved = 'YES' AND aid = 15 OR aid = 20 ORDER BY RAND() LIMIT $limit";

A l'inverse, pour exprimer une exclusion dans le sens 'tous les albums sauf.....', la ligne sera (pour exclure l'album numéro 15 par exemple):

Code:

$query = "SELECT * FROM {$CONFIG['TABLE_PICTURES']} WHERE approved = 'YES' AND aid <> 15 ORDER BY RAND() LIMIT $limit";

Il faut connaître un peu de syntaxe SQL (langage de requête).

A plus et merci encore 

[Pascal YAP]

Pbasmo,

Zzz Wow Merci pour cette judicieuse modif 
ça élargit un peu plus le champs d'action du [MOD Slider dans Coppermine] !

K+1 

PYAP