Topic: Diaporama /SlideShow CpmFetch (Read 7414 times)

Pascal YAP · « **on:** September 24, 2005, 07:19:57 pm »

Bonjour,

Pour ceux qui utilisent CpmFetch pour Coppermine, voici un diaporama "basic" en HTML de base, dont les images sont affichées par CpmFetch :
http://expo.pays-dignois.com/SlideShow_EXPO_cpmfetch.html
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fexpo.pays-dignois.com%2Falbums%2F_captures%2Fcapture_CPG_diaporama_html.jpg&hash=5ea9d2220ede3835d5dc396639cfddbf53673a47)

(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fexpo.pays-dignois.com%2Falbums%2F_captures%2Fcapture_CPG_peuple-du-vent_banner.jpg&hash=c1ee9e1b1dc75717c3a425bc9b728b51554e9483)

PYAP

Pascal YAP · « **Reply #1 on:** September 24, 2005, 09:55:27 pm »

Bonjour All,

Le code de ce simple SlideShow qui utilise CPMFetch. ForumCPMFetch : http://forum.coppermine-gallery.net/index.php?board=57.0

Dans le code suivant, il est entendu que vous avez déjà installé CPMFetch sur votre site Coppermine... à cet emplacement http : //Your-Copppermine/FETCH
32 images seront chargées, et la page rafraichie toutes les 10 secondes.

EXEMPLE ICI : http://expo.pays-dignois.com/SlideShow_EXPO_cpmfetch.html

Ajustez le code en accord avec vos particularités :

Code: [Select]

<html><head><title>Diaporama CPMFetch SlideShow</title>

<meta http-equiv="refresh" content="10">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name=robots content="noindex,follow">
<meta name="copyright" content="">
<meta name="organization-Email" content="">
<meta name="coverage" content="Worldwide">
<meta name="creation_date" content="01/01/2001">
<meta name="keywords" content="coppermine,PYAP,alpes de haute provence,nikon,carl zeiss,contax">
<meta name="publisher" content="PYAP">
<meta name="identifier" content="">
<meta name="country" content="">
<meta name="language" content="r">
<meta name="Generator" content="DWW 4.0">
<meta name="creator" content="PYAP">
<meta name="author" content="PYAP, Pascal YAP">
<meta name="designer" content="PYAP, Pascal YAP">
<meta name="revisit_after" content="30">
<META HTTP-EQUIV="IMAGETOOLBAR" CONTENT="false">
<link rel="SHORTCUT ICON" href="" />
<link rel="stylesheet" href="http://your-CPG/your-themes/style.css" type="text/css">
</head>
<!-- onLoad="resizeTo('','')" -->
<body onLoad="resizeTo('950','730')" bgcolor="#000033" text="#99FFFF" link="#000066" vlink="#000066" alink="#FFCC00">
<div align="center">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="84%" align="center">
    <tr> 
      <td align="center" valign="middle" width="100%" height="467">
        <div align="center"><font color="#999999" face="Verdana, Arial, Helvetica, sans-serif" size="-2"><b><font color="#999999" face="Verdana, Arial, Helvetica, sans-serif" size="-2"><b><font color="#FFFFFF">Il y a un rafraichissement automatique de la page chaque minute. 
          Sinon, f</font></b></font><font color="#FFFFFF">aites F5 pour recharger 
          une nouvelle s&eacute;rie d'images, ou <a href="http://your-CPG/CETTE-PAGE.html">cliquez 
          ici</a>.<br>
          <SCRIPT>
function fullwin(){
window.open("#","","fullscreen,scrollbars")
}
</script>
          </font></b><font color="#FFFFFF"> 
          <center>
            <b><u><font color="#ffffff">Plein &Eacute;cran/Full Screen </font></u>(F11) 
            <font color="#999999" face="Verdana, Arial, Helvetica, sans-serif" size="-2"><font color="#FFFFFF">- 
            <a href="javascript:fullwin();" title="PLAY THIS GALLERY IN FULL SCREEN MODE (IE6 only)">Mode 
            plein &eacute;cran</a> (IE6.x) - <a href="javascript:window.close();">Fermez 
            cette fen&egrave;tre</a> et/ou <a href="javascript:window.close();" title="Close this window, or go out FULL SCREEN MODE">sortez 
            du mode plein &eacute;cran</a> -</font></font><font color="#999999"> 
            </font> </b> 
          </center>
          </font></font> 
          <center>
            <table width="884" border="0" align="center" height="565">
            <tr align="center" valign="middle"> 
              
                <td bgcolor="#000000" height="15" colspan="2" width="868"> 
                  <div align="center"><font color="#999999">
                    <img src="http://your-CPG/fetch/cfimageget.php?img=1" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=2" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=3" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=4" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=5" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=6" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=7" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=8" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=9" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=10" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=11" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=12" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=13" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=14" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=15" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=16" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=17" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=18" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=19" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=20" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=21" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=22" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=23" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=24" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=25" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=26" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=27" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=28" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=29" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=30" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=31" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    <img src="http://your-CPG/fetch/cfimageget.php?img=32" title="Extrait de la Galerie your-CPG" alt="(c) PYAP">&nbsp; 
                    </font></div>
                </td>
            </tr>
          </table>
          <font  class="PYAPBASED">All Thumbnails from PYAP's Gallery @ <a href="http://your-CPG" target="_blank">http://your-CPG</a> 
          (c) 2001 / 2005<br>
          <a href="#" target="" title="Your-CPG.com">Expo 
          Pays Dignois.com </a><a href="#" target="" title="">::</a><a href="http://forum.coppermine-gallery.net/index.php?board=38.0" target="_blank" title="Coppermine Photos Gallery (french)"> 
          Coppermine 1.4.x pour la gestion des Images</a></font></center></div>
      </td>
    </tr>
  </table>
</div>
</body>
</html>

NOTEZ que l'argument ?img=32 n'est pas un argument officiel de CPMFetch. Il n'a aucune fonction sur l'affichage des images. Simplement cela permet de contourner la logique des navigateurs en simulant une nouvelle image CPMFetch ! Mettre &benew=01 aurait le même effet

PYAP

Davide Renda · « **Reply #2 on:** August 27, 2006, 12:12:48 am »

Je reprends ce vieux post, car j'ai utilisé la super-idée de PYAP du diaporama en CpmFetch; par contre j'ai modifié le code en utilisant le commande "viewRandomMediaFromAlbum" et des bordures differentes pour les vignettes.

Il faut trouver

Code: [Select]

<img src="http://your-CPG/fetch/cfimageget.php?img=1" title="Extrait de la Galerie your-CPG" alt="(c) PYAP"> 
virer les 32 lignes et mettre à la place

Code: [Select]

<style type="text/css">
img.test1 {  
          border-style:solid;
          border-width:5px;
          border-color: #7e7575;
          margin: 2px; }
	
img.test1:hover { 
          border-style:solid;
          border-width:5px;
          border-color: #000000;
          margin: 2px; }
</style>

<?php
  include "./cpmfetch.php";
  $objCpm = new cpm();
  $objCpm->cpm_viewRandomMediaFromAlbum(4,4,1,array("tablestyle" => "test1","imagestyle" => "test1"));
  $objCpm->cpm_close();
?>

Je pense que ça rend le script plus rapide (c'est peut être seulment un impression!).

De toute façons, merci PYAP pour l'idée (voir ICI mon diaporama)

Pascal YAP · « **Reply #3 on:** August 27, 2006, 02:29:11 pm »

Ah Ah Lontano,

Merci de reprendre ce vieux machin !
C'est du HTML de base, mais c'est aussi la preuve qu'avec peu de code on peut parvenir à quelque chose de fonctionnel !

Merci de faire sur "UP" de ce sujet

PYAP

PS : à quand la pizza avec tout dedans, et un Rosé Lambrusco bien frais pour arroser ça ?

News:

Author Topic: Diaporama /SlideShow CpmFetch (Read 7414 times)

Pascal YAP

Diaporama /SlideShow CpmFetch

Pascal YAP

Re: Diaporama /SlideShow CpmFetch

Davide Renda

Re: Diaporama /SlideShow CpmFetch

Pascal YAP

Re: Diaporama /SlideShow CpmFetch