ImageFlow including Highslide and Lightbox module

[Ruud]

Change the imageflow.css.

#imageflow {
color:#000000;
text-align:left;
}

should do it for you. Currently the color is set to #B3B3B3

Ruud

[ecology]

hi ruud

in the original imageflow as you can see here -> http://194.95.111.244/~countzero/myCMS/index.php?c_id=5&s_id=21 the pictures slide all on a horizontale line. the mirror goes under the slidebar.
in the module of you the pictures change position and move up...
so here is my question: how do a get the original effect, that the pictures slide on a horizontale line???
many thanks for help
eco

[Ruud]

In the imageflow.js are some configurable items.

This is from the original file:

Code:

/* Configuration variables */
var conf_reflection_p = 0.5;         // Sets the height of the reflection in % of the source image
var conf_focus = 4;                  // Sets the numbers of images on each side of the focussed one
var conf_slider_width = 14;          // Sets the px width of the slider div
var conf_images_cursor = 'pointer';  // Sets the cursor type for all images default is 'default'
var conf_slider_cursor = 'default';  // Sets the slider cursor type: try "e-resize" default is 'default'

I once changed the first one to make it look better for my purpose. (var conf_reflection_p = 0.1;)
You can play around with these settings to make  it look better.

Remember to clear your browser cache after changing. (normally Ctrl-F5 will do)

Ruud

[StefanRSA]

Hi Ruud! My first site is up and running... http://www.the-host.co.za/wb

I have a problem with the lightbox frontend.css
The Error: Warning: Error in parsing value for property 'filter'.  Declaration dropped.
Source File: http://www.thehost.co.za/wb/modules/lightbox2/frontend.css
Line: 185

This happens on http://www.thehost.co.za/wb/pages/product-detail/easy-setup-operation.php?submenuheader=0 and all the other pages where I use lightbox...

Line 185 reads: filter:alpha(opacity=60);

I am not to sure what to do about this...

Can you help?

Thanks
Stefan

[Ruud]

You should not do anything about this.
It is used to create the dark background behind the lightbox. To make this work in all browsers some CSS is needed that will produce warnings in other browsers.

The "filter:alpha" is a IE function, just as well as the next line "-moz-opacity: 0.6;" is a Firefox (Mozilla) function.
Look at this page (http://www.w3schools.com/Css/css_image_transparency.asp)  with FF and you will see the same warnings.

The reason they call this a "Warning" is that FF thinks you are trying to do something and FF cannot do it for you.
Therefore they let you know so you can fix it in case it was a typing error.

So don't worry about it, warnings are just what they appear to be. A warning, not an error.

Ruud

[Boudi]

Hi,

Just 2 short questions in which I could not get an answer after foolin' around. 

1) Is there a way when entering this slideshow that the middle image is on front? (or that the slider starts in the middle) instead of starting at the left side.

In my opinion this could create a very nice entrance in e.g. headers et cetera.

2) is there any way to remove space on top of the slideshow? This could be very handy when placing the slideshow in a small area.

Greetz
Boudi

[Ruud]

You can do this in the imageflow script.
First you need to decide what script is used. This depends on what you use for the popups (Highslide of Lightbox or none)

If you use the lightbox you need to make a change in the imageflow-lb.js file.
Around line 305 there is a line:

Code:

//glideTo( -600, 4);

When uncommenting (removing the //) the imageflow will start at image number 5.
If you want it to start at another image use this formula:

glideTo ( -(nr-1) * 150 , nr -1)
So image 4 would be: glideTo ( -450 , 3 )
image 12 would be: glideTo ( -1650 , 11 )

Since the same javascript is used on all pages in a site (if you have more than one), all will start at the same number. Nothing to be done about that.

Ruud

Ps. Just seen that the imageflow-hs doesn't have this line. (should be around line 295)
Look at the imageflow-lb.js where to put it.

[Boudi]

Hi Ruud,

Works splended! ThnQ 

I use it with the HS. Just inserted glideTo( -600, 4); on line 296 and you're ready. (when having 11 images)


/* Hide loading bar, show content and initialize mouse event listening after loading */
window.onload = function()
{
    if(document.getElement ById(conf_imageflow))
    {
        hide(conf_loading);
        refresh(true);
        show(conf_images);
        show(conf_scrollbar);
        initMouseWheel();
        initMouseDrag();
              glideTo( -600, 4);
    }
}

Regarding height...it matches perfectly.

Last question, Is there a way with a function call to insert IF into a section on the website?

[Ruud]

Last question, Is there a way with a function call to insert IF into a section on the website?

I think I do not understand the question.
Do you mean using the template? So it will show on every page?

Ruud

[Boudi]

Yes 

Right now I'm busy with a website in which the header will be filled with the IF feature. (see att.)
Now IF is placed with an extra content block. That way I have to insert this IF on every page who will be created.

It would be great is there is only one hidden page with IF and will be shown into the header. 

[Ruud]

Have a look at this message: http://www.websitebaker2.org/forum/index.php/topic,9564.msg61346.html#msg61346

Create a section on a hidden page, and remember the section number.
Add the code in your template with the correct section_id.

That should do it.

Ruud

(Nice cows  )

[vyni]

Nice idea!

I think I like it.

But - the better thing will be to add a 2^nd content-block and use the block-option in Wb. Than You could change the IF-Gallery on every page, or just replace it for an individual page.

I don´t have the correct code for that by hand - but search the orum, there are a few codes how to change the content wether it is used or not. I don´t know, how to explain in english.
A little code which shows either this content or, if something is inserted through the backen it shows that content.

Now I´m sure I like it.

[Boudi]

Thnx Ruud & Vyni

I sure check this out. When I'm ready with this project I will throw the cows in the showcase 

UPDATE:

I first tried the option from Ruud and again...this works like a charm! No more extra sections needed on every page to visualize the IF in the header.

Thnx again 

Boudi

[vyni]

Hi Imageflow-User

There is a modification for the Adminpanel - not that much, just cleaning.
Because I discovered some troubles and missplaced code.

You can just replace the two files.

And maybe You don´t know: I made annother Admin-Panel for a veeeery nice flash-gallery. You can find it here.

regards from Himberg (couldn´t it be a little bit closer to Vienna?)

Annother rework, because I discovered some troubles again. Also I renewed the css-handling (it seems this was the reason) and extended the panel to reflect page-id, section-id and installed version.
I renamed now imagflow.css to frontend.css. Shortly in the AMASP!

[creatile]

Hello I have a problem with this module in the backend. It doesn't work
I have unzipped the last version 7.3 and tried to add a page and take a look to what happened

I have the same problem with job listing. I may have some settings to change

Could you help me
Thanks

[Ruud]

The current version of Imageflow uses short_tags (by mistake).
It uses <? to start php code instead of <?php
Some php setups will not allow short_tags to be used.

This was found some time ago, but due to lack of time not yet solved.

I now made a new version (0.7.4) that should solve this issue for you.
You can download this in the first post of this thread.

Ruud

[creatile]

Thanks a lot
I am going to try it
 

[maverik]

hello

there a some validation mistakes in view.php

line 107-111

Code:

$params  = "&height=".$settings['reflection_height'];
$params .= "&jpeg=".$settings['thumbnail_quality'];
$params .= "&bgc=".$settings['reflection_fade'];
$params .= "&newwidth=".$settings['thumbnail_height'];
$params .= "&cache=".$settings['use_cache'];

change & to &amp;

Code:

$params  = "&amp;height=".$settings['reflection_height'];
$params .= "&amp;jpeg=".$settings['thumbnail_quality'];
$params .= "&amp;bgc=".$settings['reflection_fade'];
$params .= "&amp;newwidth=".$settings['thumbnail_height'];
$params .= "&amp;cache=".$settings['use_cache'];

line 151

Code:

$link_template = "<img src=\"{{link}}\" longdesc=\"{{longdesc}}\" alt=\"{{alt}}\">\n";

missing / , change to

Code:

$link_template = "<img src=\"{{link}}\" longdesc=\"{{longdesc}}\" alt=\"{{alt}}\"/>\n";

now i have only 2 mistakes left

line 123 column 119 - Fehler: document type does not allow element "link" here

Code:

<link rel="stylesheet" type="text/css" href="http://www.see-canada.de/modules/imageflow/imageflow.css" media="screen" />

line 125 column 122 - Fehler: document type does not allow element "link" here

Code:

<link rel="stylesheet" href="http://www.see-canada.de/modules/imageflow/css/lightbox.css" type="text/css" media="screen" />

maybe some one can help to find it and maybe you can fix it in current version

i hope you can read and understand my bad english 


so long

[ashwinimaurya]

i am not running the module but i am using the imageflow.
dont know wats the problem i am unabe to generate the thumbnail for some reason..
dont know if its server problem,curl problem,what??
allow_url_fopen = On
chmod for image folder is 777

when i check the reflect php it does not give me the image back rather some kind of code
ÿØÿà

here is the link

http://www.7westrugs.com/reflect.php?img=./img/projectUldUdcKhQIw.jpg&bgc=000000&cache=1&procent=1.0

also the imagefilenames do not have special characters

can somebody help

[ashwinimaurya]

one more thing

i also downloaded the module... but never found where is the documentation for installing it on server.
is there any documentation to test this module

[erpe]

Hi

modules are installed via backend/addons.
Than create a page and choose this module as a section.
All options are visible in zhe backend of the created page.

Some available info you can reach using this link.

A additional documentation is here

rgds

erpe

[Boudi]

Hi all,

A client of us discovered a website with an imageflow gallery on the frontpage. http://www.cewe.de/

This IF gallery has every image linked to another page(!) This is what my client wants too.

With the current mod this is not possible. But is there any way that this could be futurestuff or even better: be possible?

Greetz
Boudi

[Ruud]

Hi Boudi,

No, the module is basically nothing more than a wrapper to generate the list of images from a full directory with images. It is not possible to generate thumbnails from links in such manner.

On the other hand, it should not be too difficult to build something like that manually.
See: http://finnrudolph.de/ImageFlow/Installation
Include the script/css and create your links manually. (i.e. in a code section)

Ruud

[Boudi]

Hi ruud,

Indeed not difficult to implement. Thnq!

One thing that is strange. I have GD library up and running. With the WB mod I can see the 'shadow' underneath each picture which comes with it. With the original version not.

Checking the help pages of the original author it says that it is because the GD library is not running. So that is strange and for now I'm stucked with the shadow thing.

However it is possible to run it without shadow but that is not what my client wants.

Any idea how this could be possible?

[korn]

i have a little trouble, sono image do not load, i can see the thumbs but if i click nothing appens, where is the problem?