Imageflow (coverflowish JS animation) - Page 8 Imageflow (coverflowish JS animation) - Page 8
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Imageflow (coverflowish JS animation)

Started by Timos-Welt, March 25, 2008, 06:52:25 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages 1 ... 4 5 6 7 8
User actions

Joachim Müller

#140
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.

tomvanhell

#141
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

tomvanhell

#142
September 24, 2009, 03:34:00 PM
can nobody help me 

tomvanhell

#143
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'];

tomvanhell

#144
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

livestudio

#145
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!

espeed3

#146
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? 

tarentaise

#147
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>";
?>

tarentaise

#148
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>";
?>
Print
Go Up Pages 1 ... 4 5 6 7 8
User actions