Advanced search  

News:

cpg1.5.46 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter recently discovered vulnerabilities. It is important that all users who run version cpg1.5.44 or older update to this latest version as soon as possible.
[more]

Pages: [1] 2 3   Go Down

Author Topic: Slider dans coppermine  (Read 39271 times)

0 Members and 1 Guest are viewing this topic.

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Slider dans coppermine
« on: February 09, 2007, 10:51:48 am »

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: [Select]
<?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: [Select]
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  ;D) 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  :D 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: [Select]
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 :)
« Last Edit: February 09, 2007, 02:31:12 pm by PYAP »
Logged

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #1 on: February 09, 2007, 11:22:14 am »

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" ;D

PYAP
« Last Edit: February 09, 2007, 02:33:05 pm by PYAP »
Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9097
  • aka Frantz
    • Ma galerie
Re: Slider dans coppermine
« Reply #2 on: February 09, 2007, 01:31:05 pm »

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  ;)
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #3 on: February 09, 2007, 02:27:13 pm »

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

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #4 on: February 09, 2007, 07:03:41 pm »

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  ;D (voir votre Profil)

ça s'arrose  ;)

PYAP
Logged

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #5 on: February 10, 2007, 01:09:48 am »

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  :o champi ....pardon ...champ...hic....agne était très bon :) CLING ! A votre santé !

Pierre
Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9097
  • aka Frantz
    • Ma galerie
Re: Slider dans coppermine
« Reply #6 on: February 10, 2007, 08:16:13 am »

Quote
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 ?  ;D
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #7 on: February 11, 2007, 04:09:47 pm »

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: [Select]
//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: [Select]
<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: [Select]
<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 ?  ;D Frantz ?  ;D
Ce n'est pas du tout mon métier, mais je connais tout le monde  ;)


[/OUT OF TOPIC]
« Last Edit: February 11, 2007, 04:16:54 pm by PYAP »
Logged

François Keller

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 9097
  • aka Frantz
    • Ma galerie
Re: Slider dans coppermine
« Reply #8 on: February 11, 2007, 05:03:44 pm »

[out of topic]
Quote
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  ;D ;D ;D Il faut juste que je passe par la[/out of topic]
Logged
Avez vous lu la DOC ? la FAQ ? et cherché sur le forum avant de poster ?
Did you read the DOC ? the FAQ ? and search the board before posting ?
Mon Blog

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #9 on: February 11, 2007, 11:01:12 pm »

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 ! ;D
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é  ;D mais je vais étudier un peu cela.
« Last Edit: February 12, 2007, 12:05:07 am by pbasmo »
Logged

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #10 on: February 12, 2007, 05:09:56 pm »

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 !
Logged

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #11 on: February 12, 2007, 06:58:44 pm »

Pierre,

Oui c'est vraiment parfait !
Merci K+1  ;D

PYAP
Logged

emma

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Gender: Female
  • Posts: 83
    • Community Fan
Re: Slider dans coppermine
« Reply #12 on: May 11, 2007, 07:44:56 pm »

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: [Select]
<?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: [Select]
<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: [Select]
<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>

Logged
La galerie la plus complète sur la série Community
http://community-fan.com/galerie/index.php

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #13 on: May 11, 2007, 11:19:42 pm »

Bonjour Emma,

Quote
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.

Quote
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: [Select]
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
Logged

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #14 on: May 11, 2007, 11:27:15 pm »

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.
Quote
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: [Select]
//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 !
Logged

BIIPmoni

  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Female
  • Posts: 100
Re: Slider dans coppermine
« Reply #15 on: June 09, 2007, 10:30:54 pm »

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/
Logged
Un homme qui n'est plus capable de s'émerveiller a pratiquement cessé de vivre. Einstein
<> Vivre à Lanslevillard c'est toujours s'émerveiller <>

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #16 on: June 10, 2007, 12:00:57 am »

Bzzzz BIIPmoni,

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

PYAP
Logged

BIIPmoni

  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Female
  • Posts: 100
Re: Slider dans coppermine
« Reply #17 on: June 11, 2007, 04:17:11 am »

Bzzzz BIIPmoni,

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

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  :)
Logged
Un homme qui n'est plus capable de s'émerveiller a pratiquement cessé de vivre. Einstein
<> Vivre à Lanslevillard c'est toujours s'émerveiller <>

pbasmo

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 133
    • Galerie de photos
Re: Slider dans coppermine
« Reply #18 on: June 13, 2007, 12:43:49 am »

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

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: [Select]
<?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: [Select]
$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: [Select]
$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: [Select]
$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  ;)
Logged

Pascal YAP

  • Moderator
  • Coppermine addict
  • ****
  • Country: fr
  • Offline Offline
  • Gender: Male
  • Posts: 13833
  • Hello World :-)
    • CPG 1.5.x ExperiMental website
Re: Slider dans coppermine
« Reply #19 on: June 13, 2007, 12:59:47 am »

Pbasmo,

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

K+1  ;)

PYAP
Logged
Pages: [1] 2 3   Go Up
 

Page created in 0.032 seconds with 21 queries.