ImageFlow including Highslide and Lightbox module

[FrankH]

I was a very happy user of ImageFlow.
Now I created another page of type ImageFlow, and here I get no preview pictures.
Others had the same problem, but for me it neither works with shadow pixel nor with shadow %.
And the image names do not have a whitespace.

What could be the reason for the first page working and the next one not with this module?

[aldus]

Hello Frank

And the image names do not have a whitespace.

Other critical chars (like "+","\", "¿","..", "-") or spaces in the foldernames?
Permissions inside the media-folder? Images are jpg2000? Are the preview-files are generated?
GD-Lib version? PHP 5.3? German umlauts? Files are upload via WB-Backend or FTP (owner) ?
Example link to see something?

Regards
Aldus

[FrankH]

Hello Aldus,

Other critical chars (like "+","\", "¿","..", "-") or spaces in the foldernames?
No

Permissions inside the media-folder?
Full

Images are jpg2000?
IrvanView just says they are JPEG

Are the preview-files are generated?
No

GD-Lib version?
? Where do I find it?

PHP 5.3?
PHP 5.2.6

German umlauts?
No

Files are upload via WB-Backend or FTP (owner) ?
via Windows Explorer onto the W2K8 server

Example link to see something?
Sorry, this is an Intranet, no way through the Firewall.

[aldus]

GD-Lib version?
? Where do I find it?

Code:

<?php
phpinfo();
?>

But i think it's still 2.x or newer ... hm ... next round:
ImageFlow Module Version? Where from?

Regards
Aldus

[FrankH]

OK, it says
GD Version    bundled (2.0.34 compatible)


ImageFlow Module Version?
0.75

Where from?
AMASP

I just copied an image from the directory which works to the other one, and now I do also have an preview for this single picture. So there seems to be a problem with the new jpg files. They are from another camera, all larger than 1 MB in size.
What exact requirements do the images need to meet?

[aldus]

Hello Frank

Ups - Jpeg > 1 MB? Pretty mutch, i guess ... i've always got problems within less compressed
images within more then 1024 px width ... so i would downsample them before (e.g. via photoshop action)
to e.g. 800x600 on 72dpi ...

Regards
Aldus

[crnogorac081]

Hi,

I had simular issue with portfolio module. So I was digging on google a little..

It seems that pictures with larger quality and resolution can not be processed with GD. They pass php upload file size (eg. 2 mb), but when you upload picture for example from camera, they may exceed server's memory limit per request (ussually 8 or 16 mb). You can roughly calculate how much memory picture requests = W x H x Quality..

I hope this helped..

cheers

[FrankH]

Thank you for those answers.
Shrinking the pictures did the trick

BTW, there is a large amount of unused space wasted below the slider.
How do I move the slider more downwards?

[sparkdigital]

I'm trying to implement the Imageflow in this website: http://www.frankperkins.co.uk/cms/home.php

A few issues though:

• How do I increase the quality of the thumbs? I set it to 100 but still they're really grainy...
• I can't seem to get the height set correctly of the div that I placed the imageflow in, it keeps overlapping the text below.
• The lightbox doesn't seem to work - images are not cliackable. I have this enabled in the admin panel and have installed the lighb ox mod seperately.

Any ideas of what I'm doing wrong?

Thanks!

Konrad

[Ruud]

You have set the images to 100px, but the div height to a higer value (350?)
They should be the same for optimal resizing.
Doing a resize to 350 gives a good clear picture.

The lightbox is working too, but for some reason (CSS) only if you click on the very top (5px or so) of the image.

So.. you are halfway there

[sparkdigital]

Thanks so much for your help Ruud, setting both to 350 really worked well. The lightbox also does work in IE but not in FF?!?!? Any ideas?

So now really the only thing it to get my CSS sorted - the imageflow doesn't like my div that I placed it in:

Code:

#images {
position: relative;
float: left;
height: 400px;
width: 920px;
}

.clearall {
clear: left;
}

#copy1 {
position: relative;
float: left;
width: 450px;
padding-right: 20px;
text-align: justify;
}

#copy2 {
position: relative;
float: left;
width: 450px;
text-align: justify;
}

Any thoughts anyone?

Thanks,

Konrad

[Ruud]

Imageflow uses an internal div with the id "images".
Rename your outer <div id="images"> (in html and css) to something else, and it will work.

[sparkdigital]

Perfect, thanks, that's done it! 

[oletimadhu]

Hi,

This is an excellent component. I need one help from the developers,can i place any timer to scroll the images.
I mean that i want both scroll view and timer. Can any one knows how to do?


Please help me

[sparkdigital]

Hello again - the client is delighted with the use of imageflow on his website http://www.frankperkins.co.uk but was wondering if it is possible to start with the center image so that there is an equal amount of images to the right as well as the left of the center image when you open the page.

He feels it would look better if there wasn't the empty space to the left of the image flow.

Any idea of this is possible?

Many thanks,

Konrad

[Ruud]

This thread is a bit long

Here is your solution:
http://www.websitebaker2.org/forum/index.php/topic,10460.msg67063/topicseen.html#msg67063

[sparkdigital]

Thanks Ruud, works a treat!

[sparkdigital]

Hello all, not sure if this mentioned somewhere else in this thread - indeed it is getting a bit long to trawl through - but I've tried to have square images for the imageflow (thumbs) and other formats (landscape / portrait) for the actual main full size images themselves. I di this by creating a square full size image and uploading this. The mod then creates the thumbnail automatically from that including the reflection. I then uploaded an image with the exact same name but different size (portrait) hoping this would overwrite the main image but leave the thumbnail image intact.

Unfortunately the thumbnail image is generated again when reloading the page. Is there any way that I can change this? Or is there any other way to come to the same solution?

Many thanks!

Konrad

[Ruud]

Using the cache option, you should be able to replace the thumbs that are generated.

The thumbs are looking something like: refl_0606d7716b0bd2 663b3d1f383c8e7927_ image.jpg

As long as the thumbnail file timestamps are newer than the image those images should be used.

[sparkdigital]

Thanks Ruud, finally got round to doing this and all images are now online how the client want's them: http://www.frankperkins.co.uk/

Thanks again for your time & advice!

Konrad

[Abenaa]

Hi, the module looks great. But unfortunately, it is not valide and the validator shows hundred of errors. Or is there any newer version than this one?

http://www.websitebakers.com/pages/modules/image-galleries/imageflow-hi-and-lb.php

[Ruud]

The way these kind of modules work (i.e. including script/style in the body) they will never be fully valid.

There could be some simple improvements, and it might even generate less errors than the most requested pages on the internet (like www.google.com).
If you really want, just modify your module view.php until you are happy with the amount of errors left.

[FrankH]

The way these kind of modules work (i.e. including script/style in the body) they will never be fully valid.

This is nonsense. There are rules, and if you learn and know them, you can always write valid code.

[Abenaa]

Well, meanwhile I´ve got it valide now. The main problem for me was that the imageflow.css und the lightbox.css were written into the <body> instead of the <head>. I removed this code from inc_imageflow_lb.ph p and put it manually into the <head> of my template. Besides there were a few changes to do in the view.php. But now it works fine.

[Paul - Westhouse IT]

To glide to centre image:

In imageflow-lb.js around line 300 replace the line:

//      glideTo( -xxx, x);

with:

      var middle = Math.floor((array_images.length)/2);
      var middlex = -150 * middle;
      glideTo( middlex, middle);