xFlow! : A Javascript and PHP based Coverflow style gallery.

Comments about ‘xFlow! : A Javascript and PHP based Coverflow style gallery.’

pwhitrow
8th January 2010, 5:51 pm

Bobby, anything is possible!

As I said, it will need some tweaking but I have done it elsewhere...

Bobby
7th January 2010, 9:37 pm

Thats great to know Paul.

What about the dynamic creating of the things to insert into the coverflow?

e.g my client is going to want a coverflow automatically generated for each category of products without manually jumping into another backend (as nice as yours looks!) to create them. Is that possible?

Thanks for your time.

pwhitrow
7th January 2010, 7:03 pm

Hi Bobby,

OK, so if I understand correctly you want xFlow! to display a list of products as a gallery and then jump directly to that product as opposed to displaying an image?

Short answer, YES! It will need modifying slightly but I can work with you to achieve your goal.

Bobby
7th January 2010, 8:06 am

Additionally Paul, is it possible to rig the xFlow in a way so that rather than loading the image when its clicked the second time, that I can tell it to actually jump to the url of the product?

Thanks again.

Bobby
7th January 2010, 8:02 am

Hi there Paul,

I'm eyeing off your xFlow! - it looks awesome and just what I need.

What I'm wondering is if I can use it for my situation. Let me explain...

I am using a prestacart setup and the client wants cover flow. As you can imagine, the products and images are stored in a database and the coverflow would need to be built dynamically. Prestacart is running on php.

So my question that first comes to mind is can the xflow coverflow be built dynamically and if so what is the process roughly to do that so I can see if its ideal for our situation?

Thanks!

Bobby

pwhitrow
31st December 2009, 9:54 am

kishjor,

xFlow! comes with it's own fully functional administration sections, so you do not have to edit the xml file at all.

Did you purchase xFlow! through this site? If so, you should find in the zip file, detailed instructions on how xFlow! works (in the file names instructions.txt). Please read this file as a first step.

If you didn't get xFlow! from here, then I'm afraid I cannot support your installation.

kishjor
30th December 2009, 9:11 am

Thanks for reply.

Sir,

I am using xflow. Now i want to add images through xml file.

I don't know how to do it.

Please help me how to do it.

Thnaks.

pwhitrow
30th December 2009, 8:28 am

Hi kishjor,

Could you please explain a little more, I don't quite understand what you mean.

kishjor
30th December 2009, 8:01 am

I am not set xml file in xflow.

Can u help me ?

pwhitrow
9th December 2009, 6:03 pm

Hi Dashon,

Yes that is possible. Within xflow.js there is a function called XFLOW_goto(n) where n is the image you wish to go to. So, image 1 would be XFLOW_goto(1) etc...

This can be used in an onclick event of an anchor (a) tag thus:

onclick="XFLOW_goto(1)"

Hope that helps,

Paul

Dashon
8th December 2009, 9:38 pm

Can you provide a simple solution to jump to a specific image by pressing a link?

pwhitrow
23rd November 2009, 9:55 pm

Hey Kenji,

Love what you've done with xFlow!

Thanks for the kind comments, support is as important as the product itself.

Kenji Doshida
23rd November 2009, 3:32 pm

Hi Guys, I've implimented Xflow! onto a recent site project, if anyone wants to see it in action. I love how fast and responsive the images scroll through. Paul, you have been great with technical support! Keep up the awesome work,and i'll be sure to check out what else is in the works with you in the future.
http://www.iskfcalgary.com/

(Go to the 'Gallery' page)

pwhitrow
19th November 2009, 8:57 pm

Thanks Matthias for pointing out the bug.

It should now be squished!

pwhitrow
16th November 2009, 4:20 pm

I've updated the YouTube function. Will be working on your other issues next.

pwhitrow
11th November 2009, 9:52 am

I've emailed you directly mate. Once we fix your issue I will post it back in here, incase anyone else gets the same.

Matthias
9th November 2009, 8:33 pm

Hi Paul,

ok, I've bought xFlow today.
The problem is I'm too stupid to configure it right

I get the message, that an infinite redirect is realized by the browser. Iread the manual more than once, please be so kind and help me.

I just want to call the base index.php.

I set up the DEF_XFLOW_MAINURL and the XFLOW_RELPATH correct (I think )

greetings,
matthias

pwhitrow
7th November 2009, 9:41 pm

Hi Matthias,

1. That's right, absolutely NO FLASH!
2. One license covers you for all your installs.

Hope that helps.

Matthias
7th November 2009, 12:42 pm

Hello there,

first of all, great work!!!

I'm looking for a libary which is not based on flash, because I want it that way...

Some questions:
1.) no flash plugin install needed, right? just js,php based?
2.) the license: if I buy a license, do I have to buy for each project a new one?

that' all...

really looking forward to your answer!

Greetings,
matthias

pwhitrow
29th October 2009, 10:55 am

Hi Lawrence,

xFlow! uses neither Mootools or jQuery (I have been looking at updating xFlow! to use jQuery, but it's still a way off yet). It's a stand alone installation.

You can indeed link the images to external sources. Just add your link (http://etc..) into the description field of the image. Then when it's rendered, the link will appear in the description text.

Would you be able to post a screen shot of the broken bar?

SEO is most important, so it was a no brainer to enforce it in xFlow!

Thanks for the feedback.

Lawrence
29th October 2009, 5:30 am

hi there,
Does Xflow use either jQuery or Mootools? I have a wordpress installation, and practically speaking, all your plugins have to be one or the other.

Also, is it possible to link each picture in a gallery to a separate HTML page?

Finally, viewing your examples in a Mac Firefox broswer 3.5.3, the slider bar arrows look like they're broken of the main body of the slider.

Thanks for working to make the galleries SEO compatible. That's a real benefit.

Gary
23rd October 2009, 5:36 am

I've done some digging and I found where all the "magic" happens. The problem for displaying text is three-fold. First, the images are resized after they've been uploaded and had the reflection added to the image file, and second, they are resampled before being stored on in the thumbs directory, third, they are resized again before being displayed in the thumbs gallery. It works ok for real pictures, but for text there's a lot of artifacts in the text image that make it appear less than ideal.

I'll keep digging to see if I can make it treat a designated text image differently. This would make a great online slide presentation tool if the text appeared crisp and that's exactly what I'm trying to do with it.

Thanks for a great product!

pwhitrow
22nd October 2009, 6:42 pm

Hi Gary,

Thanks for downloading xFlow! I'm pleased you are enjoying using it, always good to get some feedback.

The thumbnails are generated at a default height of 230px, but the Javascript in xFlow! resizes it to fit in the window when it's displayed.

You could do some jiggery pokery if you know the size of the div that will be displaying the thumbs.

Gary
21st October 2009, 4:44 pm

I love working with your product! I've been adapting it for my specific requirements and I'm trying to figure something out. I'll try to make this as clear as possible.
1) I'm trying to co-mingle picture images with text images in my gallery, but since the images are uploaded, modified, and saved in some format the text is "blurred".
2) In trying to compensate for that, I placed a full-sized picture in the thumbs directory but in the gallery the displayed image is zoomed, while the "next" and "previous" images appearing 1:1.

Is there any way to make the current image be 1:1 in size?

Is there a way to prevent uploaded images that are saved as thumbs in the same resolution as the image itself.

This would make it possible to use images that consist of text to appear "crisp".

Thanks!

pwhitrow
2nd October 2009, 7:18 am

Hi Mark,

The gallery menu thumbnails are controlled by css.

Look for:

div.xflow div.gallerymenu ul li a img
{
height:30px;
}

in xflow.css and change 30px to whatever you need.

Mark Uptergrove
26th September 2009, 9:32 pm

I have installed xFlow no problem, but the gallery thumbnail under the pictures is tiny. I tried increasing the pixel size of the thumbnail and it doesn't appear to get any bigger? Please lead me to the correct parameter to fix, also what files do i need to edit/change to modify the theme colors, etc. Thanks! this thing is nice!

pwhitrow
2nd August 2009, 10:37 pm

Hi, xFlow! is not setup to allow automatic scrolling, but it would be simple enough to build some Javascript functionality to enable you to do just that.

DJW
2nd August 2009, 3:08 pm

Hello. Loving this script, however, I have a question before I purchase as I am not purchasing for the traditional use.

I am thinking of using it on a digital signage screen for a photographic competition I am working on. However, can the xflow script scroll through images automatically (as obviously you can interact with a mouse on a big plasma screen) and can you control the timing of scroll?

Accounting Homework
31st July 2009, 10:31 am

The list is reaal great & it is useful for the newbeeis especially. Nice work man!!! caarrry on

Christophe
10th July 2009, 10:43 am

Hi Paul !

What a nice script do you have there !
I downloaded it yesterday night and it worked very nice !
I had only one problem, my server hasn't PHP5 installed and the scandir() function doesn't exists in PHP4. I finally developed a function called php4_scandir() and replaced it in "inc/xflow.php".

I want to notice that the xFlow! Gallery works great on iPhone Safari Browser ! Excellent !

Here is the function :

function php4_scandir($dir,$listDirectories=false, $skipDots=true) {
$dirArray = array();
if ($handle = opendir($dir)) {
while (false !== ($file = readdir($handle))) {
if (($file != "." && $file != "..") || $skipDots == true) {
if($listDirectories == false) { if(is_dir($file)) { continue; } }
array_push($dirArray,basename($file));
}
}
closedir($handle);
}
return $dirArray;
}

Cheers

pwhitrow
6th July 2009, 6:22 pm

Hi Richard,

There was an error in that I didn't update the archive (the one that you download) correctly and omitted the changes for the height/width issue you mention.

The archive has been corrected and if anyone else has the same issue, please email me and I will send you the new archive. The download version is now correct.

Apologies for the problems this caused.

Please post links to your galleries in the comments, as it would be great to see xFlow! 'in the wild'...

Richard Lynn
5th July 2009, 10:34 pm

xflow looks fab.

although the xml file does not form correctly for me in that it omits the width and height tags leaving the lightbox style functionality in error.

I would be grateful if this could be looked into because I have to manually add these in order to get the full functionality.

I use:

Apache version 2.2.11 (Unix)
PHP version 5.2.9

reiki
1st July 2009, 7:19 am

Excellent information. Finding a few such solutions has taken hours in the past.

Thank u.

pwhitrow
23rd June 2009, 5:12 pm

Hi Peter,

That looks great, and thanks for the positive review. Told you it was a breeze

Peter Sutton Fitzgibbon
23rd June 2009, 9:41 am

We have just bought this software to use as a display for our clients portfolio and have installed it on our new home page (currently not launched temp UR www.webpagedesign.ie/newsite) We are delighted with the result and the ease of use, we tried various others but they either didn't work as well, didn't flow as good or didn't work cross browser. Well done Paul!

pwhitrow
20th June 2009, 11:19 pm

Alvin,

xFlow! should work with PHP version 4 and above.

Alvin
19th June 2009, 6:20 pm

is there a php version requirement?

accounting homework
6th June 2009, 11:29 am

Good one, galleries can be useful at times especially for projects etc

Thanks for posting them

pwhitrow
2nd May 2009, 12:00 am

Watermarking Error Update:

It's been reported that there is an issue with watermarking png's during image upload.

A quick Google search revealed an answer:

'This error only occur on servers with PHP v5.1.x or newer, when resizing/creating thumbnails from PNG images and using GD type of graphic module.'

And here is a patch to fix it:
http://www.4homepages.de/forum
/index.php?topic=11805.0

pwhitrow
27th April 2009, 11:02 am

el ilani:
You're welcome,

Devante Vargas:
Thank you for your positive review. It's always nice when people outside of your own circle give you such credit for your work.

el ilanı
27th April 2009, 9:58 am

web-kreation said me : visit this link and now im here. i find image galery. thanks this work

Devante Vargas
21st April 2009, 9:51 pm

Thanks Paul for developing an amazingly simple to use image gallery that simply takes your breath away.
Within minutes of receiving the zipped up files, I was up and running and creating a demo gallery. I added 3 galleries with several images in each, with descriptions, titles, and placed them in the order I wanted the images to appear in, with such relative ease. in the all the years I have been in I.T and developing websites here and there, this has to be one of the best I've seen. Thanks again Paul! I will be posting a link to our image gallery once it has been all setup in the coming weeks.

pwhitrow
9th April 2009, 7:05 am

Thanks Michael, glad you approve.

I met with the same problem as you initially, with the images all becoming semi-transparent and showing through to each other. The way I achieved the 'fading' effect was to have a div of the back ground color placed in front of the corresponding image, then resize, place and fade that div using the Javascript. Worked out quite well I think.

Using an inbuilt editor does indeed make it a snap to use

Michael L Perry
8th April 2009, 6:30 pm

I love what you've done with it. Maintaining galleries and uploading images via editor pages is much easier than my method. I even had to pre-reflect the images to make mine work. Makes it a pain to keep my site up-to-date.

The shadow effect as images fall into the background is quite effective. I was only able to accomplish something similar by adjusting the opacity of the farthest images. The trick didn't work for the images in between, since they became translucent. I'll have to see how you did that.