Basic SlideShow using CPMFetch Basic SlideShow using CPMFetch
 

News:

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

Main Menu

Basic SlideShow using CPMFetch

Started by Pascal YAP, September 24, 2005, 09:53:39 PM

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

Pascal YAP

Bonjour All,

Here's a simple SlideShow who's using CPMFetch. (CPMFetch Board : http://forum.coppermine-gallery.net/index.php?board=57.0 )
In the code after, keep on your mind CPMFetch was installed on your Coppermine web site. here, in this place, http : //Your-Copppermine/FETCH
32 images will be load in this HTML page, will be refresh every 10 secondes.

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

Adjust the code with your own particularity :
<html><head><title>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/image_scroller_EXPO_mur.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>

NOTE : <img src="http://your-CPG/fetch/cfimageget.php?img=32"> The argument ?img=xx is non-documented by Vuud (developper and CPMFetch's 'owner') It's just used in this place, not to load the same picture 32 times. In the browser logic cfimageget.php?img=32 and cfimageget.php?img=1 are not the same pictures.

Thanx Vuud  ;D
PYAP

(topic visible too in french Coppermine board : http://forum.coppermine-gallery.net/index.php?board=38.0
Topic : http://forum.coppermine-gallery.net/index.php?topic=22102.0 )

tinorebel

Bonjour, PYAP
your slideshow is great!

I was trying to do something similar but with only one or 4 big photos, and ina page with flash content.
Would it be posible to refresh only the photos without reloading the rest of the page?
???
THANKS FOR YOUR SUPPORT :)
I'm quite new to html :-\ and php codes and your help would be greatly apriciated.

Live long and prosper!
www.tripodart.net

Pascal YAP

Mornin' Tinorebel,

Quoteyour slideshow is great!
Thank's, But it's a very basic SlideShow like the topic title said !
It was based on only HTML.
This TAG make to refresh the page each 10 seconds !  <meta http-equiv="refresh" content="10"> That's all !

Quote
Would it be posible to refresh only the photos without reloading the rest of the page?
Yes, maybe, if you use an IFRAME inside your page. But with this method you need to create two pages.

An other possibility is to use a FLASH SlideShow created by RphMedia, in this Coppermine Forum. Search the board  ;)

PYAP