ImageFlow including Highslide and Lightbox module

[vyni]

Hi,
I´m not up-to-date - but starting with an User-Guide. And therefor I would have some suggestions.

I´ll PM You later.

See the start here...

regards from Himberg

[aldus]

User-guide? Cool! - Maybe also as pdf?

Regards
Aldus
dreaming about a pretty (php-) baby for wb ...

[Ruud]

Version 0.6 is here..

 - Added Gallery Title / Subtitle(description) (styled in imageflow.css)
 - Fixed bug in getting filenames.
 - Stripped extension from image filenames displayed. (now you can use the filename as sort of image description)

Many special thanks to Aldus and Vyni for all their work on this little project until now.

Ruud

[vyni]

...and here is the german lang-file.

regards

[aldus]

Ok - on a first look only (!) two/three minor typos found:
- inside the german DE.php "m¸ssen" at the USE_HIGHSLIDE_NOTE section: no entity for "ü"
- modify: @version and @date issn't accurate, but that's marginal.
- info.php -> version 0.6 :: no name given ... minimum must be "RuudE"
- lightbox css -> no version number and date; some cosmetic changes to keep it smal and erasing
minor typographic inconsistences.

inside the zip:
- DE.php
- info.php
- lightbox.css
- modify.php

Edit:
I'm an idiot: havn't add the missing sections in the german languangefile:

Code:

$MOD_IMAGEFLOW['GALLERY_TITLE'] = 'Title der Gallerie';
$MOD_IMAGEFLOW['GALLERY_DESCRIPTION'] = 'Beschreibung/Untertitel';

[/s]
Apologize - i'm in the need of a coffee now

Reason: i haven't download the update from vynl - apologize again.

Add: some minor changes in view.php
All changes in the attachment now.

Edit: removing the old attachments within the old version.

Regards
Aldus

[chio]

I am a bit confused - where is the latest installable version?

[aldus]

The 0.6 full within all files from RuudE + the german translation from vyni.
As i remark: only some minor typos inside.

Edit/Add:
Some modifications in "view.php"

Code:

if (count($img_list) > 0) {

instead of simple "if ($img_list)" - not sure, because even a valide empty array will causses in "true"
and place also

Code:

$link_addition = ($settings['show_caption'] == 1) ? " | ".$name : "";
            $temp = Array (
                'link'        =>  WB_URL."/modules/imageflow/reflect.php?img=".urlencode($picdir.'/'.$img).$params ,
                'longdesc'    => "javascript:myLightbox.start('".$imageurl.'/'.urlencode($img). $link_addition."');", 
                'alt'         => $name
            );

inside the link-loop; so, if i uncheck "show_caption" even in the lightbox no filename is shown.
And some minor cosmetic changes at the end of the file - including comment.
 
Addition (the last one [finger-crossed]):
next round ...

file: modify.php

- add a second colourbox for the div-background-color
- modify the correspondenting javascript to handle the events
  for the colourboxes
- Add a link to the (german) Manual/HowToDo for testing
 
also
file: backend.css

- add new id "colorbox2"

I'm sorry folks - but the attachment makes trouble while the installation,
so i will remove it until the problem is solved. Apologize

Ok - last installation tests with FF has worked.

All files are in the attachment "imageflow_v0.6.1.zi p".

Edit: removing the old attachments within the old version.

Regards
Aldus

[Ruud]

Anyone interested in a nice demo of the module in real live?

http://www.allwww.nl/pages/imageflow.php

Ruud

[chio]

Ruud, in this demo there is a problem with IE6

The last pictures (from Cow-006 on)  are too big, they are is not sized down.

[Availor]

Nice demo, I epsecially love the topic of it.

This picutre is hillarious http://www.allwww.nl/media/Cow/Cow-08.jpg
 Self portrait?  I am thinking about using it as my new avatar

[Availor]

Hope you enjoyed the cow picture as much as I am...

One thing though - this version does not install v the new version... (the attached file)

EDIT; the file name (v 0.5 is not 0.5 I just left the name - this is supposed to be the newest version)

I have noticed this - when I install a version of this module and then uninstall it I can't reinstall it back again. Tested it in 3 sites using WB v 2.7 - All the versions will install as a new module but the uninstall function seems to leave something and it is impossible to reinstall the module.

[aldus]

Hello RuudE

next round
If we could add the following in the language-files

Code:

$MOD_IMAGEFLOW['MANUALS'] = Array (
    Array (
        'link'        => "http://edv.spoka.at/pages/imageflow.php",
        'display'    => "Manual D",
        'title'        => "Deutschsprachige Anleitung und ein kleines HowToDo."
    )
);

and modify the "modify.php" in the way to add

Code:

<?
    $manuals = $MOD_IMAGEFLOW['MANUALS'];
    if ( is_array($manuals) && count($manuals) > 0 ) {
        $manual_links ="";
        foreach ($manuals as $info) {
            $manual_links .= "<a href=\"".$info['link']."\" title=\"".$info['title']."\">".$info['display']."</a> | ";
        }
        $manual_links = substr($manual_links, o, -2);

        echo "<tr>\n\t<td class=\"setting_name\">Infos/Manuals:</td>\n\t<td class=\"setting_field\">".$manual_links."</td>\n\t</tr>\n";
     }
 ?>

we can add some information-links, like manuals, tutorials, examples, etc
to the backend for each language ...

[...] snip
The de-installer makes some troubles out here: not every folder is delete.
At this time i've got no idea why the files are delete - the folders not ...



Regards
Aldus

[Availor]

It's possible to add links to the images in the original gallery - is it possible to do that in the module?

[Ruud]

Self portrait?  I am thinking about using it as my new avatar

I actually used my family album for the demo. My sister won't mind if you use her picture as your avatar.

I have noticed this - when I install a version of this module and then uninstall it I can't reinstall it back again. Tested it in 3 sites using WB v 2.7 - All the versions will install as a new module but the uninstall function seems to leave something and it is impossible to reinstall the module.

I tested on my testserver (Windows & WB2.6.7). Uninstalling/reinstalling/upgrading without any problems.
I noticed some files from Aldus zips will be flagged read-only (on Windows). I can imagine this is inherited on installing, and therefore they cannot be removed by the uninstaller.

I attached the last version from Aldus (0.6.1) with all the read-only attributes reset.
Can you try that one? (first FTP remove the complete module folder if needed)

@Aldus

If we could add the following in the language-files
......
and modify the "modify.php" in the way to add
......
we can add some information-links, like manuals, tutorials, examples, etc
to the backend for each language ...

Be my guest (knowing you a bit by now, you have already done it)

@All
When uploading changed parts of the module, please use filenames that will show it is not the complete module.
It is getting pretty confusing at this time.
I think I will rewrite the first post in the thread with a version history and the current "stable" version.
When done, I think we should remove all other downloads in the thread.

Ruud

[Ruud]

It's possible to add links to the images in the original gallery - is it possible to do that in the module?

Hmm, possible: Yes (we are using computers, anything is possible)
We have been thinking about a control (text)file to be placed in the images directory. To be used for showing a descriptions instead of the image filename. Links could be another possibility. (Only in the original version without Higslide/Lightbox!)

Ruud

[aldus]

I've made some tests within a "gallery_info.tsv" file inside the
choosen gallery-folder with a simple

Code:

[file_name_without_suffix] <tab> [any_string_even_oneline_html]<return>

format. Hm - the only thing is imho it's not very confortable to edit, f.ex. the tab, maybe
a csv is the bettter one. XML1.1 is imho a little bit overloaded - but that's my own.

Regards
Aldus

[vyni]

Morning,

I cannot follow the whish for links  . If there is a txt-file for description you can put it there - and the shown thumb is already a link to the pic itself? What kind of link You´r missing?

Someone out there who could translate the HowTo into any different language?

But quickly please, Mr. Ruud is almost ready to release. 

Have You seen my latest creation?
  Be told - I´m just an ignorant, cocky user. But with this thing even me can do something amazing.

regards from Himberg

[aldus]

Links inside the "image-description" makes sense to me, f.ex.
homepagelink to the photographer, gaphic-designer oder additional copyright infos,
or even a simple "mailto:yeti@gmx.himalaya.com" could be usefull.

to play a little bit around i've placed some

Code:

/**
*    Gallery_info
*/
$gallery_info = 0;
if (file_exists($imagepath."/gallery_info.tsv") ) {
    $gallery_info = array();
    $temp = file($imagepath."/gallery_info.tsv");
    foreach($temp as $image_info) {
        $details = explode(chr(9), $image_info);
        $gallery_info[$details[0]] = $details[1]."<br><br>";
    }
}

and inside the link-loop

Code:

if ( ($gallery_info != 0) && array_key_exists($name, $gallery_info))
                $link_addition = ($settings['show_caption'] == 1) ? " | ".$gallery_info[$name] : "";
            else
                $link_addition = ($settings['show_caption'] == 1) ? " | ".$name : "";

for testing the performance etc.
the info-file itself could contain any one-line-html without " (Quotes) - even single ones ... but as for me it doesn't hurt.

Regards
Aldus

[Ruud]

I cannot follow the whish for links.

I think Availor wants to use it as a menu or something.

But quickly please, Mr. Ruud is almost ready to release.

Ehmm.. Currently I'm busy trying to earn some money. So new dev only in the evenings

Have You seen my latest creation?
  Be told - I´m just an ignorant, cocky user. But with this thing even me can do something amazing.

Looks good. How did you do that? 

@Aldus
Looks simple enough to be a good solution.
I just would not use TAB as the separator.
If you want to edit the file using a textbox/online-filemanager TAB's are difficult to use.
I would use a "," (explode the first comma only) or something like pipes "|".

Ruud

[aldus]

Hm - you're right. I update to the pipe "|" and ".txt" to keep it simple as possible.

Code:

/**
*    Gallery_info
*/
$gallery_info = 0;
if (file_exists($imagepath."/gallery_info.txt") ) {
    $gallery_info = array();
    $temp = file($imagepath."/gallery_info.txt");
    foreach($temp as $image_info) {
        $details = explode("|", $image_info);
        $gallery_info[$details[0]] = $details[1]."<br><br>";
    }
}

Regards
Aldus

[Availor]

That would be great - To show lets say pages or directories, or show images that will link to different pages.

Thanks for your work 

[vyni]

Hi there,

@Ruud
Tell Your sister I´m really impressed of her nicely lips.

Aja - this links, such a kind of. This sort. Jaja. - By the way: Please could You include an option for folders aswell?
Like that: Look if there are folders - if Yes list them all (except "thumbs, thumbs and text) and make a link for each folder. Than You start Your presentation. And somewhere below You get this Folderlinks. And if You click at this link - everything should be same just changing the pics in the karusell (and their description. - Right on the fly. Without creating a new page - no need to change any setup - nothing. You could have than 1 folder containing several folders with pics and no matter what kind they are. Set one page and get all Your pictures shown - if they are under this folder sorted. In future You need only upload 1 folder containing pics and desc - finished. - In the backend You just need a simple switch Show folders Y/N.

How did I make this truck-presentation?

First I got the pics - (no na) - than I searched my fotos looking for a nice background. Than I used imageflow for the gallery. After that I modified my template - added a layer 100% width and 1px hight at the top of the screen. Inside of this I centered annoter layer -z-index 200 or so containing the background image. Now I went to the view.php and modified a little like that: setting an all surrounding div for sizing and positioning, added another div for a content-block and a third div for a second content-block (1 upper the carousel, 1 benath) - went to backend, made wysiwyg above, imageflow, wysiwyg benath. setted everything to hidden (background-color transparent) - just to show the carousel.
Now I made "normal" thumbs 100px (no reflection) and copied it to my local server (for having the same pictures in miniature) and than I used the reflect_png.php from Aldus - (genious thing) and made a normal Imagefow gallery - with this transparent thumbs. Next step was to create the online gallery once more by setting the fitting size of the thumbs - around 200px for the quality. Now comes the trick: I renamed all my local thumbs to the name of the online-thumbs and with ftp I overwrote the thumbs. And aslong as I don´t save the imageflow-section again, this transparent thumbs will be there. - I setted my imageflow.css and now I can make every show with this bg and 2 sections in an overlay.
By the way: Please could You modify the option "save thumbs" like this: keep existing thumbs and use them - just don´t create new unless this option is set. (Because now - if You unset it - You loose Your thumbs and they are created on every refresh or call without saving. It would be better to save them (when new or pics are added) and than have the option not to renew.

So far - so good
Vyni
 

[Ruud]

Tell Your sister I´m really impressed of her nicely lips.

She says MOOOOO

By the way: Please could You include an option for folders aswell?

Read the question, read it again, and again.
I can't really see the use for this. My first idea would be to add a WYSIWYG below the Imageflow section pointing to another page. That will give the same effect for the visitor.

By the way: Please could You modify the option "save thumbs" like this:......

Originally the thumbs were not removed. (thats why there is a button to clear the cache/thumbs.
Since allmost every change on the page will change the appearance, I decided to clear them every time.
Maybe a "Save and clear cache" and a "Save and keep cache" button could be an idea.

btw: Using the transparent png for the thumbs might be a nice challenge for a future release.

Ruud

[vyni]

Happy me, she´s gonna like it. 

It seems there is a little missunderstanding

I can't really see the use for this. My first idea would be to add a WYSIWYG below the Imageflow section pointing to another page. That will give the same effect for the visitor.

For the visitor is no difference. That´s right. But for the admin is a big difference. He only needs to create 1 page in that case, if every photo-folder is benath, let´s say gallery - like this:
gallery (containing familiy-fotos)
 - mom (just mom)
 - dad (only dad)
 - sister (and this? - I dont know, maybe the lips  )
In that case You need to create only 1 page, and have the option to switch to the different categories and back. - It´s not necassary to change somthing else than the folder which is shown. The style of the screen doesn´t need to be changed.
Got the idea?
Of course I agree with the wysiwyg-section - I use it like this. But this means a separate page for each folder, creating links from one to the other - much more work for the admin.

Originally the thumbs were not removed.

Maybe I missed a version  - My v06 definitly deletes the thumbs as soon as I uncheck the option save thumbs.

Using the transparent will be an incredible enrichment!

Regards
Vyni

[aldus]

Hello

got the js inside "modify.php" to work in IE7 (Vista here)

Code:

<script language="javascript" type="text/javascript">
function change_color(aRef, aName) {
    var ref = document.getElementById(aName);
    if (ref) {
        ref.setAttribute ("style", "background-color:#"+aRef.value+";", false);
        if (aRef.value != "")
            ref.style.backgroundColor = "#"+aRef.value;
        else
            ref.style.backgroundColor = "#FFFFFF";
       
        return true;
    }
}
window.onload = function (e) {
    var ref = document.getElementById("colorbox");
    if (ref) {
        ref.setAttribute ("style", "background-color:#<? echo $settings['reflection_fade'] ?>;", false);
        ref.style.backgroundColor = "#<? echo $settings['reflection_fade'] ?>";
    }
    ref = document.getElementById("colorbox2");
    if (ref) {
        ref.setAttribute ("style", "background-color:#<? echo $settings['back_color'] ?>;", false);
        ref.style.backgroundColor = "<? echo $settings['back_color'] ?>";
    }
}
</script>

Not very nice to make all settings double; one to set the attribut and for the ie setting the style.
Maybe i'm missing here something.

Regards
Aldus