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 ... 4 5 6 7 [8]   Go Down

Author Topic: Imageflow (coverflowish JS animation)  (Read 139681 times)

0 Members and 2 Guests are viewing this topic.

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47844
  • aka "GauGau"
    • gaugau.de
Re: Imageflow (coverflowish JS animation)
« Reply #140 on: September 22, 2009, 04:16:09 pm »

HTML output looks like this:
Code: [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>Imageflow for external usage</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" title="Standard" href="imgflow_screen.css" type="text/css" media="screen" />
    <script language="JavaScript" type="text/javascript" src="imgflow_imageflow.js"></script>
    <style type="text/css">
      #imageflow{background-color:#000000;width:895px;}
      #imgflowcontainer{margin-top:50px;width:895px;}
      #imgflowslider{background-image:url('imgflow_slider.gif');}
      #imgflowcaptions{color:#ffffff;}
      #imgflowloading{color:#ffffff;}
      body{background-color:#000000;}
    </style>

  </head>
  <body>
      <div id="imgflowcontainer" style="width:895px;">
            <div id="imageflow">
                <div id="imgflowloading">
                  <b>Loading Images</b><br/>
                  <img src="imgflow_loading.gif" width="208" height="13" alt="loading" />
                </div>

                <div id="imgflowimages">
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/vogels/b/normal_boomklever-03.jpg" longdesc="displayimage.php?pos=-73"  alt="040 Boomklever / Nuthatch" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_rij_veluwe221007_5.jpg" longdesc="displayimage.php?pos=-426"  alt="537 Rijp op de Veluwe" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_kneu-05-01.jpg" longdesc="displayimage.php?pos=-529"  alt=" 190 Kneu / Linnet" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_zeehond.jpg" longdesc="displayimage.php?pos=-659"  alt="599 Zeehond / Seal" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/vogels/l/normal_lepelaar02.jpg" longdesc="displayimage.php?pos=-299"  alt="229 Lepelaar / Spoonbill" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_eekhoorn_07_01.jpg" longdesc="displayimage.php?pos=-479"  alt="404 Eekhoorn / Red squirrel 02" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_Smiemt_2006_2.jpg" longdesc="displayimage.php?pos=-424"  alt="291 Smient / Wigeon" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_Wilde_Chogorie.jpg" longdesc="displayimage.php?pos=-464"  alt="469 Wilde Chogorie / 01" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/vogels/K/normal_kneu-03.jpg" longdesc="displayimage.php?pos=-278"  alt="189 Kneu  / Linnet" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_eekhoorn_07_01crop.jpg" longdesc="displayimage.php?pos=-480"  alt="405 Eekhoorn / Red squirrel 01" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/vogels/s/normal_sijs-04.jpg" longdesc="displayimage.php?pos=-332"  alt="284 Sijs / Siskin" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_staartmees_06_01.jpg" longdesc="displayimage.php?pos=-477"  alt="302  Staartmees / Long-tailed Tit" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_06_kuifaalscholver.jpg" longdesc="displayimage.php?pos=-651"  alt="591 Kuifaalscholver / Shag" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_baardman.jpg" longdesc="displayimage.php?pos=-95"  alt="006 Baardman / Bearded tit" />
<img class="imgflowimg" src="imgflow_reflect.php?bgc=000000&amp;procent=0.66&amp;cache=0&amp;img=albums/userpics/10001/normal_hert2008-01.jpg" longdesc="displayimage.php?pos=-553"  alt="377 Edelhert / Red deer" />

</div><div id="imgflowcaptions"></div><div id="imgflowscrollbar"><div id="imgflowslider"></div></div></div></div><!-- End Imageflow PlugIn -->
</body></html>
Blind guess is that you haven't set up your Coppermine URL properly.
Logged

tomvanhell

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 29
    • Tomnatuurfotografie
Re: Imageflow (coverflowish JS animation)
« Reply #141 on: September 22, 2009, 09:09:04 pm »

Coppermine URL in the config in de admin mod or in imgflow_external.php?

in the config i have: http://www.tomnatuurfotografie.nl/gallery/

in imgflow_external.php the setting see  zipfile

Logged

tomvanhell

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 29
    • Tomnatuurfotografie
Re: Imageflow (coverflowish JS animation)
« Reply #142 on: September 24, 2009, 03:34:00 pm »

can nobody help me 
Logged

tomvanhell

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 29
    • Tomnatuurfotografie
Re: Imageflow (coverflowish JS animation)
« Reply #143 on: October 01, 2009, 09:39:23 am »

This was the problem   

$imageflow_file="albums/".$imageflow_row['filepath'].$CONFIG['normal_pfx'].$imageflow_row['filename'];

and change to
Code:

$imageflow_file="albums/".$imageflow_row['filepath'].$imageflow_row['filename'];
Logged

tomvanhell

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 29
    • Tomnatuurfotografie
Re: Imageflow (coverflowish JS animation)
« Reply #144 on: October 01, 2009, 10:03:22 am »

I'm sorry I'm not good at English and can not find it. Can I ImageFlow external ProGamer so that when I click on a picture and keep the same window and the photo in enlargelt loaded word. My site is http://www.tomnatuurfotografie.nl/gallery/imgflow_external.php and  http://www.tomnatuurfotografie.nl/gallery
Logged

livestudio

  • Coppermine newbie
  • Offline Offline
  • Posts: 1
Re: Imageflow (coverflowish JS animation)
« Reply #145 on: April 16, 2010, 11:42:54 am »

Thank you very much for your great works.
The plugin work well on my site.

But I want to show the imageflow in the index page only,I dont how to do it.

How can I to do?

Thanks!
Logged

espeed3

  • Coppermine newbie
  • Offline Offline
  • Posts: 1
Re: Imageflow (coverflowish JS animation)
« Reply #146 on: May 11, 2010, 05:41:38 pm »

i am having an issue defining the height of this plugin.  i see some earlier posts about this problem but no resolutions?  my current gallery in dev is


http://media.bestkiteboarding.com/gallery/index.php

is it possible to have this plugin run as the header of the page? 
Logged

tarentaise

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 22
Re: Imageflow (coverflowish JS animation)
« Reply #147 on: August 15, 2011, 10:40:07 pm »

Bonjour,
je me permet de relancer la discussion et je m'excuse pour mon anglais pas très bon.
Je viens de découvrir le fichier "imgflow_external.php" et il corresponds presqu'à mon attente.
Je voudrais juste savoir comment faire pour afficher les cinq derniers albums en utilisant une de leur photo et en affichant le nom de l'album sous la photo.
D'avance merci .....

Code: [Select]
<?php
/**************************************************
  Coppermine 1.4.x Plugin - Imageflow v1.2
  *************************************************
  Copyright (c) 2008 Timos-Welt (www.timos-welt.de)
  *************************************************
  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.
  **************************************************/
 
/* Things you may change */

$imageflow_bgcolor      "000000";         // background color; use hex format without leading '#'
$imageflow_width        "350px";          // either use pixel (800px) or percent (50%)
$imageflow_topcorrect   50;               // correct top border of animation 
                                            // (negative values = move to top, positive values = move to bottom)
$imageflow_align        "center";           // allowed: "center" or "left"
$imageflow_intable      1;                // leave this set to 1 normally
$imageflow_numberofpics 5;               // number of random images to select from CPG database
$imageflow_skipportait  0;                // set to 1 if you only want pics where width>height
$imageflow_procent      1;             // The factor that the generated reflexion images are smaller than 
                                            // the intermediate size pictures of your gallery. 1.0 means, they
                                            // have the original size. 0.5 means, they are half as big.
$imageflow_fontcolor    "ffffff";         // font color for captions; use hex format without leading '#'
$imageflow_loading      "Loading Images"// Message displayed while loading



/* Please don't change anything below */
 
echo <<<EOS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>Imageflow for external usage</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

EOS;

define('IN_COPPERMINE'true);
global 
$CONFIG$FORBIDDEN_SET$imageflow_row;
require_once(
'./include/init.inc.php');


echo <<<EOS
    <link rel="stylesheet" title="Standard" href="imgflow_screen.css" type="text/css" media="screen" />
    <script language="JavaScript" type="text/javascript" src="imgflow_imageflow.js"></script>
    <style type="text/css">

EOS;
echo 
"      #imageflow{background-color:#".$imageflow_bgcolor.";width:".$imageflow_width.";}\n";
echo 
"      #imgflowcontainer{margin-top:".$imageflow_topcorrect."px;width:".$imageflow_width.";}\n";
echo 
"      #imgflowslider{background-image:url('imgflow_slider.gif');}\n";
echo 
"      #imgflowcaptions{color:#".$imageflow_fontcolor.";}\n";
echo 
"      #imgflowloading{color:#".$imageflow_fontcolor.";}\n";
echo 
"      body{background-color:#".$imageflow_bgcolor.";}\n";
echo 
"    </style>\n";
echo 
"  </head>\n";
echo 
"  <body>\n";
if (
$imageflow_align == "center") echo "   <center>\n";
if (
$imageflow_intable) echo "      <div id=\"imgflowcontainer\" style=\"width:".$imageflow_width.";\">\n";
echo 
"            <div id=\"imageflow\">\n";
echo 
"                <div id=\"imgflowloading\">\n";
echo 
"                  <b>".$imageflow_loading."</b><br/>\n";
echo 
"                  <img src=\"imgflow_loading.gif\" width=\"208\" height=\"13\" alt=\"loading\" />\n";
echo 
"                </div>\n";
echo 
"                <div id=\"imgflowimages\">\n";

  
// maximum pics to show
  
$imageflowlimit=$imageflow_numberofpics;
  
// request of your database
  
$imageflow_pics='';
  
$imageflow_FORBIDDEN_SET "";
  if (
$FORBIDDEN_SET != ""$imageflow_FORBIDDEN_SET "AND $FORBIDDEN_SET";
  
$imageflow_query "SELECT * FROM {$CONFIG['TABLE_PICTURES']} AS p WHERE filename like '%.jpg' AND filename not like 'youtube_%' AND approved = 'YES' $imageflow_FORBIDDEN_SET ORDER BY RAND() LIMIT $imageflowlimit";
  
// result of request
  
$imageflow_result cpg_db_query($imageflow_query);
  
// For reading result
  
$imageflow_rowset = array();
  
// Index of tab
  
$i=0;
  
// max height : will be 75px or 100px
  
$max_height=0;
  
// For each pic.....building javascript in php
  
while($imageflow_row mysql_fetch_array($imageflow_result)){
    if ((
$imageflow_skipportrait == 0) || ($imageflow_row['pwidth'] > $imageflow_row['pheight'])) {
      
// reading pid of pic
      
$imageflow_key=$imageflow_row['pid'];
      
// reading height of pic
      
$imageflow_image_size compute_img_size($imageflow_row['pwidth'], $imageflow_row['pheight'], $CONFIG['thumb_width']);
    
// path of pic
    
$imageflow_file="albums/".$imageflow_row['filepath']."normal_".$imageflow_row['filename'];
    
// link of pic
    
$imageflow_lien="<img class=\"imgflowimg\" src=\"imgflow_reflect.php?bgc=".$imageflow_bgcolor."&amp;procent=".$imageflow_procent."&amp;cache=0&amp;img=".$imageflow_file."\" longdesc=\"thumbnails.php?album=".$imageflow_row['aid']."\"  alt=\"".$imageflow_row['caption']."\" />";
    
// building javascript code
    
$imageflow_pics .= $imageflow_lien."\n";
    
$i=$i+1;
    }
  }
  
// free memory
  
mysql_free_result($imageflow_result);
  echo 
$imageflow_pics;

echo 
"</div><div id=\"imgflowcaptions\"></div><div id=\"imgflowscrollbar\"><div id=\"imgflowslider\"></div></div></div>";

            if (
$imageflow_intable) echo "</div>";

if (
$imageflow_align == "center") { echo "</center>
"
; }
echo 
"<!-- End Imageflow PlugIn -->\n";
echo 
"</body>";
echo 
"</html>";
?>

Logged

tarentaise

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 22
Re: Imageflow (coverflowish JS animation)
« Reply #148 on: August 15, 2011, 10:42:13 pm »

Hello,
I used to stimulate discussion and I apologize for my English not very good.
I just found the file "imgflow_external.php" and it corresponds almost to my expectations.
I just want to know how to display the last five albums using their picture and displaying the album name under the photo.
In advance thank you .....

Code: [Select]
<?php
/**************************************************
  Coppermine 1.4.x Plugin - Imageflow v1.2
  *************************************************
  Copyright (c) 2008 Timos-Welt (www.timos-welt.de)
  *************************************************
  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.
  **************************************************/
 
/* Things you may change */

$imageflow_bgcolor      "000000";         // background color; use hex format without leading '#'
$imageflow_width        "350px";          // either use pixel (800px) or percent (50%)
$imageflow_topcorrect   50;               // correct top border of animation 
                                            // (negative values = move to top, positive values = move to bottom)
$imageflow_align        "center";           // allowed: "center" or "left"
$imageflow_intable      1;                // leave this set to 1 normally
$imageflow_numberofpics 5;               // number of random images to select from CPG database
$imageflow_skipportait  0;                // set to 1 if you only want pics where width>height
$imageflow_procent      1;             // The factor that the generated reflexion images are smaller than 
                                            // the intermediate size pictures of your gallery. 1.0 means, they
                                            // have the original size. 0.5 means, they are half as big.
$imageflow_fontcolor    "ffffff";         // font color for captions; use hex format without leading '#'
$imageflow_loading      "Loading Images"// Message displayed while loading



/* Please don't change anything below */
 
echo <<<EOS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>Imageflow for external usage</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

EOS;

define('IN_COPPERMINE'true);
global 
$CONFIG$FORBIDDEN_SET$imageflow_row;
require_once(
'./include/init.inc.php');


echo <<<EOS
    <link rel="stylesheet" title="Standard" href="imgflow_screen.css" type="text/css" media="screen" />
    <script language="JavaScript" type="text/javascript" src="imgflow_imageflow.js"></script>
    <style type="text/css">

EOS;
echo 
"      #imageflow{background-color:#".$imageflow_bgcolor.";width:".$imageflow_width.";}\n";
echo 
"      #imgflowcontainer{margin-top:".$imageflow_topcorrect."px;width:".$imageflow_width.";}\n";
echo 
"      #imgflowslider{background-image:url('imgflow_slider.gif');}\n";
echo 
"      #imgflowcaptions{color:#".$imageflow_fontcolor.";}\n";
echo 
"      #imgflowloading{color:#".$imageflow_fontcolor.";}\n";
echo 
"      body{background-color:#".$imageflow_bgcolor.";}\n";
echo 
"    </style>\n";
echo 
"  </head>\n";
echo 
"  <body>\n";
if (
$imageflow_align == "center") echo "   <center>\n";
if (
$imageflow_intable) echo "      <div id=\"imgflowcontainer\" style=\"width:".$imageflow_width.";\">\n";
echo 
"            <div id=\"imageflow\">\n";
echo 
"                <div id=\"imgflowloading\">\n";
echo 
"                  <b>".$imageflow_loading."</b><br/>\n";
echo 
"                  <img src=\"imgflow_loading.gif\" width=\"208\" height=\"13\" alt=\"loading\" />\n";
echo 
"                </div>\n";
echo 
"                <div id=\"imgflowimages\">\n";

  
// maximum pics to show
  
$imageflowlimit=$imageflow_numberofpics;
  
// request of your database
  
$imageflow_pics='';
  
$imageflow_FORBIDDEN_SET "";
  if (
$FORBIDDEN_SET != ""$imageflow_FORBIDDEN_SET "AND $FORBIDDEN_SET";
  
$imageflow_query "SELECT * FROM {$CONFIG['TABLE_PICTURES']} AS p WHERE filename like '%.jpg' AND filename not like 'youtube_%' AND approved = 'YES' $imageflow_FORBIDDEN_SET ORDER BY RAND() LIMIT $imageflowlimit";
  
// result of request
  
$imageflow_result cpg_db_query($imageflow_query);
  
// For reading result
  
$imageflow_rowset = array();
  
// Index of tab
  
$i=0;
  
// max height : will be 75px or 100px
  
$max_height=0;
  
// For each pic.....building javascript in php
  
while($imageflow_row mysql_fetch_array($imageflow_result)){
    if ((
$imageflow_skipportrait == 0) || ($imageflow_row['pwidth'] > $imageflow_row['pheight'])) {
      
// reading pid of pic
      
$imageflow_key=$imageflow_row['pid'];
      
// reading height of pic
      
$imageflow_image_size compute_img_size($imageflow_row['pwidth'], $imageflow_row['pheight'], $CONFIG['thumb_width']);
    
// path of pic
    
$imageflow_file="albums/".$imageflow_row['filepath']."normal_".$imageflow_row['filename'];
    
// link of pic
    
$imageflow_lien="<img class=\"imgflowimg\" src=\"imgflow_reflect.php?bgc=".$imageflow_bgcolor."&amp;procent=".$imageflow_procent."&amp;cache=0&amp;img=".$imageflow_file."\" longdesc=\"thumbnails.php?album=".$imageflow_row['aid']."\"  alt=\"".$imageflow_row['caption']."\" />";
    
// building javascript code
    
$imageflow_pics .= $imageflow_lien."\n";
    
$i=$i+1;
    }
  }
  
// free memory
  
mysql_free_result($imageflow_result);
  echo 
$imageflow_pics;

echo 
"</div><div id=\"imgflowcaptions\"></div><div id=\"imgflowscrollbar\"><div id=\"imgflowslider\"></div></div></div>";

            if (
$imageflow_intable) echo "</div>";

if (
$imageflow_align == "center") { echo "</center>
"
; }
echo 
"<!-- End Imageflow PlugIn -->\n";
echo 
"</body>";
echo 
"</html>";
?>

Logged
Pages: 1 ... 4 5 6 7 [8]   Go Up
 

Page created in 0.022 seconds with 22 queries.