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

bubble

Want a smart gallery for your images and videos? You've come to the right place! Introducing xFlow!, the PHP and Javascript Coverflow replacement.

Images

  • ‘xFlow! - Coverflow style image and video gallery’
  • ‘xFlow! - Coverflow style image and video gallery’
  • ‘xFlow! - Coverflow style image and video gallery’
  • ‘xFlow! - Coverflow style image and video gallery’
  • ‘xFlow! - Coverflow style image and video gallery’
  • ‘xFlow! - Coverflow style image and video gallery’
xFlow! - Coverflow style image and video gallery

[view original image]

bubble

xFlow! - Coverflow style image and video gallery

Purchase and download your own copy of xFlow! now

Visit this link for a full demo of xFlow!


Let's be honest, the web is awash with galleries and image viewers of all shapes and sizes, but one of the nicest, slickest and most eye catching ways of presenting images has been produced by Apple. Their Coverflow image presentation script (originally found in iTunes) is, was, and will remain simply awesome.

I liked the functionality of Coverflow so much I wanted to reproduce it using Javascript. A quick Google search showed that I wasn't alone in this endeavor!

I had a look around (at the potential competition!) and found one that I really liked. Michael L. Perry's Cover flow in Javascript. This is a great script and featured some of the core functionality I was planning on building. So being a true believer in not wasting recourses I decided to use that script, plus Scriptaculous, as a base and got cracking on some development.

Fast forward a year and a half (yes really, though not all of that time spent at a keybourd - obviously) and we have a finished product: xFlow!

There have been so many changes to Michael's original code that it's barely recognisable. However, I really wanted to give him credit here for kick starting the whole thing. Michael, I thank you and I hope you like what I've done with it :)

OK, so what's new about xFlow!?

Well, I'll simply list it's main features and let you decide:



  1. Creates all thumbnails in PHP to reduce overall Javascript memory requirement (other galleries use Javascript image reflection scripts)

  2. Items are aligned in a curved plain to aid perspective affect

  3. Items psuedo fade as they move back out of focus

  4. Galleries are housed in their own directories for SEO enhancement

  5. Each gallery is controlled by an XML file in RSS format to enable linking and following of individual galleries by RSS subscription (example)

  6. Import Flickr photo streams

  7. Import YouTube video streams

  8. A 'sitemap' file is produced (example) using the recognised sitemaps.org protocol for enhanced SEO purposes

  9. Galleries can be password protected to enable private images to be uploaded (also encrypts the XML entries)

  10. Images can be watermarked during upload process to make image theft more difficult, and to promote your own work

  11. Display items in first to last or last to first order

  12. Images can be resized during upload

  13. Images can be rotated during upload

  14. Images or videos can be uploaded from a local source (your machine/device) or a remote location (another website)

  15. Other galleries can be displayed as tiny thumbnails or standard links at the bottom

  16. Built in custom image viewer (NOT Lightbox!)

  17. Mouse wheel support in gallery and viewer

  18. Preloads the main images in the background for slick image browsing

  19. Individual titles and descriptions for all items

  20. Items can be shifted around until you get the order you want

  21. Fully customisable gallery options per individual gallery

  22. Automatically create a gallery from a ZIP archive full of images / videos that you upload

  23. Automaticalley create a gallery from a directory of images or videos, or a combination of both

  24. Language support

  25. Easy to re-style with a single style sheet

  26. Supports GIF, JPEG and PNG image formats

  27. Supports Flash Video (FLV) video format

Plus many others!

I've tried to build it with SEO in mind. Accessibility is a little more difficult as the gallery uses Javascript, but it will still show the images if Javascript and CSS are turned off.

It's also been tested in all the latest Firefox, Internet Explorer, Google Chrome, Opera, and Safari (for Windows) browsers with no reportable errors (at least so far), so if you do find any can you please report them back here with the relevant browser info (type, version etc).

If you fancy trying it out, hop on over to xflow.pwhitrow.com and have a play.

Please could you leave any feedback / ideas / gripes / whatever in the comments section of this article and I will do what I can address them.

To do

xFlow! will continue to develope over time as I think of new features, improvements, bug fixes (pah!) or get worthy requests.


  1. Add Flickr support - DONE!

  2. Add YouTube support - DONE!

  3. Anything else that I think of...

bubble

Posted on Monday 6th April, 2009 at 12:52 pm by Paul Whitrow, and filed under , , , , and

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

wholesale t shirts
18th May 2012, 2:53 pm
bubble

The top designer David Yurman, replica oakley sunglasses roll out contains optical picture frame and sunglasses's top, accessories, wholesale t shirts and David Yurman jewelry series of fusion signs design elements, David Yurman series of new debut with pure silver sunglasses with 18 K gold decoration, cheap designer sunglasses and use ofadvanced jewelry and precious stones like: "out of glass, topaz, stripe purple crystal with yellow crystal, will be brought into the delicate field of jewels sunglasses.

Want to let a person immediately change have a type, oakley sunglasses cheap put on a full of design feeling and have the fine detail have a type sunglasses, replica gucci shoes absolutely is the most fast effective way; gucci shoes cheap In fact, choose to not only people become fashionable sunglasses, at the same time also can foil a personal temperament and decorate a face model, become beautiful is handsome, was so simple!

replica oakley sunglasses
18th May 2012, 2:52 pm
bubble

If you are a fashionable fanatic, then the sun glasses will be your next must purchase fashion sheet is tasted. Because its price cheap,don't have to worry about size doesn't fit together, is worth the investment of the high-quality goods store fashion sheet is tasted.

Coach Outlet Store
18th May 2012, 9:54 am
bubble

Buy

coach outlet handbag

with confidence, buy happy, wear comfortable. We privide the highest quality

Coach Store Online

available. Modern however sophisticated, 2012 New Arrivals with its fabulous Op Art prints ensemble emitted by red-colored leather-based trims and handles in elaborate shoulder silhouette, is a luxuriously well prepared

Coach Outlet Store Online

to welcome the coming season! Spacious adequate for the stuffs,

Coach Outlet Online

has finally been launched in simple color scheme together with simple style available at our

Coach Outlet Store

.These

Coach Outlet Handbag

are versatile and practical for daily use or travel. Besides, our

coach handbag outlet

will offer you a large quantity of best performance

Cheap Coach Store

with best services.

Coach Store Online

gives an impression of high fashion sense, especially when you carry it with fashionable clothing. This

Coach Outlet Store Online

has captured the hearts of many ladies all over the world. Join the fashion ladies, take action to purchase the genuine

Coach Online Store

from our

Coach Outlet Store

. All

Coach Outlet

are highest quality and depend on the quality of durable, exquisite craftsmanship, they establish solid reputation on the consumers worldwide. Besides in our

Coach Store Online

, we offer you various match colors of

Coach Outlet Bags

for you to make the choice. However which color you choose, you will be satisfied with it. People who like the item also interested in other cheap

Coach Outlet Online

.

comments site:knud.tech-network.de
18th May 2012, 8:41 am
bubble

Monsoon is a trendy clothes brand which is popular among all ages. Monsoon dress is especially popular among females. It is due to monsoon dresses’ high quality, uniqueness, gorgeousness and creativity. Monsoons dresses are made of good cloth which makes people feel comfortable. Furthermore, dresses at monsoon are all fruits of famous designers’ long time efforts. It is like a fairy tale, full of magic which can realize every girl’s dream of being a noble fairy maiden. Dresses in monsoon stand at the top of fashion. However, it is too expensive for many to afford it. Fortunately, monsoon sale online makes the dream possible for all. Come to our monsoon clothing dresses shop!

http://www.monsoondresses.net

mlbhatson
18th May 2012, 8:16 am
bubble

ref="http://www.wholesale-baseballhats.com">fitted hats very little Pork radio placed to see that: Hippopotamus XY wiggle, downslope Several cheap snapback hats Z ..

But today it????s somewhat not clear about precisely how pungent of which being

fake oakley sunglasses
18th May 2012, 4:05 am
bubble


Fake oakley sunglasses is made of the most trendy style. cheap oakley sunglasses carryies on the complete explanatory notes that are comfort, fit, function, duarablity and practicality. Fake oakleys make every effort to give the wearers surprise and comfort and enjoyment. cheap oakleys must become your favourite in the future.With high-tech element and exquisite craft, Oakley has become people's perfect luxury eye wears. oakley sunglasses is one of the largest brands in sunglasses and has a variety of products which appeal across the board to many kinds of people. Wearing a pair of Fake oakley will certainly show your unique style.

Coach Outlet Online
18th May 2012, 1:22 am
Coach Outlet Online
18th May 2012, 1:22 am
Coach Outlet Online
18th May 2012, 1:22 am
coach outlet
17th May 2012, 4:33 pm
bubble

For the girls Coach Outlet Online who want to let their posture charming and look chic, see some beautiful Shoulder Bags from Coach Outlet Online, which Coach Outlet have created practically to human beings. Coach Factory are actually part of their fashion wardrobe. The most well-known Coach Purses Outlet designers and advertising is flying high inside the fashion world. Coach Factory is the fashion label in the fashion world. The representitive of Cheap Coach Handbags can not only bring you the practical and durable usage, but Coach Outlet Online deliver you the latest fashion trends. The Coach Outlet consists of components of excellent quality, exquisite design, nice color and proper size that can be your perfect partner for any occasion. This louis vuitton purses is a very high degree bag that can be described as eye-catching, and shiny Coach Outlet Store Online surface of the bag decoration is so aesthetic. You would immediately become the focus Coach Outlet of the audience with it. Welcome to come to Coach Outlet Canadato get it! Welcome to order from Coach Outlet Online! Welcome to buy Cheap Coach Purses fromCoach Handbags Outlet. The appearance of Coach Factory Outlet wealth and noble temperament. It's crisp, the material of coating system and the treatment of leather, perfectly show fashion of this bag. And Coach Factory Outletalso to bring people feel relaxed. From http://www.getcoachsoutletonli
ne.net/
This bag is suitable for your character and more. You will get unexpected stunning of louis vuitton handbags for cheap with fast shipping Coach Factory Outlet!

coach outlet
17th May 2012, 4:33 pm
bubble

For the girls Coach Outlet Online who want to let their posture charming and look chic, see some beautiful Shoulder Bags from Coach Outlet Online, which Coach Outlet have created practically to human beings. Coach Factory are actually part of their fashion wardrobe. The most well-known Coach Purses Outlet designers and advertising is flying high inside the fashion world. Coach Factory is the fashion label in the fashion world. The representitive of Cheap Coach Handbags can not only bring you the practical and durable usage, but Coach Outlet Online deliver you the latest fashion trends. The Coach Outlet consists of components of excellent quality, exquisite design, nice color and proper size that can be your perfect partner for any occasion. This louis vuitton purses is a very high degree bag that can be described as eye-catching, and shiny Coach Outlet Store Online surface of the bag decoration is so aesthetic. You would immediately become the focus Coach Outlet of the audience with it. Welcome to come to Coach Outlet Canadato get it! Welcome to order from Coach Outlet Online! Welcome to buy Cheap Coach Purses fromCoach Handbags Outlet. The appearance of Coach Factory Outlet wealth and noble temperament. It's crisp, the material of coating system and the treatment of leather, perfectly show fashion of this bag. And Coach Factory Outletalso to bring people feel relaxed. From http://www.getcoachsoutletonli
ne.net/
This bag is suitable for your character and more. You will get unexpected stunning of louis vuitton handbags for cheap with fast shipping Coach Factory Outlet!

cheap Christian Louboutin
17th May 2012, 7:06 am
bubble


a great way to make money: Hologram a beloved dead dead

louboutin shoes

dead artist, debut him at one of the most popular
festivals of the year, and then send him on tour! tour! cheap Ralph Lauren Polo tour! The Benjamins, they'll just pour in.That seems to be
logic behind the Tupac Shakur hologram that descended on Cochella Cochella louboutin shoes Cochella over the weekend, virtually resurrecting the slain rapper to
with Snoop Dogg and Dr. Dre. Nick Smith, president of of

cheap Christian Louboutin

of the San Diego company that projected and staged the
told MTV News that holograms like Tupac 2.0 cost between between cheap Ralph Lauren Polo between $100,000 and $400,000."I can't say how much that event
but I can say it's affordable in the sense that that replica Christian Louboutin that if we had to bring entertainers around world and
concerts across the country, we could put [artists] in every every cheap Ralph Lauren Polo every venue in the country," Smith said.Indeed. The Wall Street
reported today that reps for Dr. Dre and Snoop Dogg Dogg cheap Christian Louboutin Dogg are planning to discuss logistics for a tour that

cheap jordan shoes
17th May 2012, 5:07 am
bubble


the French newspaper Le Monde that he also plans to to cheap sunglasses to call the Norwegian anti-Islamic blogger who goes by the
Fjordman to the stand. Breivik quoted Fjordman, whose real name name jordan concord 11 name is Peder Jensen, in his massive manifesto.In their new
psychiatrists said there was no evidence that mental illness had had cheap jordans had "significantly weakened" his ability to evaluate the outside world
The doctors said they would provide more detail on Breivik's Breivik's replica sunglasses Breivik's mental state in court.Alzheimer's Disease: Dutch Village Doubles as
HomeHogewey Dubbed "Truman Show" for Dementia PatientsBy KATIE MOISSEApril 10, 10, jordan retro 10, 2012— A Dutch village dubbed "The Truman Show" for
patients is getting praise from Alzheimer's experts in the U.S.The U.S.The replica sunglasses U.S.The tree-lined streets of Hogewey, a tiny village at the
of Amsterdam, boast shops, restaurants, a movie theater and a a buy sunglasses online a hairdresser. Its 23 apartments are carefully crafted to feel
home to 152 residents.But Hogewey is not a real village; village;

replica sunglasses

village; it's a nursing home."Our director compared it to a


tn pas che
17th May 2012, 3:27 am
tn pas che
17th May 2012, 3:27 am
nik21
16th May 2012, 11:11 am
bubble

blue whale photosFantastic article, this is so wildlife photographerwell explained that even my kids could follow it, thanks and keep up the great workbird photographer
humpback whale photoskiller whale photos

Tory Burch Store Sale
16th May 2012, 9:57 am
bubble

Thank you for your time and make

Tory Burch Store Sale
16th May 2012, 9:57 am
bubble

Thank you for your time and make

gucci bolsos
16th May 2012, 8:50 am
bubble

know what to say except that I have enjoyed reading. Nice blog.
gucci
louis vuitton tassen
Sac Louis Vuitton

wholesale mlb caps
16th May 2012, 8:20 am
bubble

This is a great article, amazing idear! Presently, new era snapback and wholesale mlb caps are stylish, attractive among men and boys, because they are quite convenient to carry them in this crazy mlb season. But being a fashionable girl, I’m good at going shopping with a small amount of money. Among fashion cheap purse bags, I like louis vuitton purses and wholesale coach purses best. I often visit an online shop for wholesale. While, my little sister like michael kors handbags and rayban sunglasses very much. All of these are extraordinary in taste, attractive in color and delicate in design. Whenever my sister enjoys holidays, goes shopping or go abroad, she will take these so as to become outstanding, elegant and noble.

wholesale mlb caps
16th May 2012, 8:19 am
bubble

This is a great article, amazing idear! Presently, new era snapback and wholesale mlb caps are stylish, attractive among men and boys, because they are quite convenient to carry them in this crazy mlb season. But being a fashionable girl, I’m good at going shopping with a small amount of money. Among fashion cheap purse bags, I like louis vuitton purses and wholesale coach purses best. I often visit an online shop for wholesale. While, my little sister like michael kors handbags and rayban sunglasses very much. All of these are extraordinary in taste, attractive in color and delicate in design. Whenever my sister enjoys holidays, goes shopping or go abroad, she will take these so as to become outstanding, elegant and noble.

Coach Outlet Online
16th May 2012, 4:10 am
bubble

The heart that once truly loves never forgets.

nike max
15th May 2012, 6:50 pm
bubble

nike max shoes is a line of shoes first released by Nike in 1987 and has frequently introduced new and updated models in the same product line. nike air max 2012were extremely popular when they first came out. Everyone wanted a pair of these shoes and the ones who did get a pair were especially lucky. The cheap air max2012feature a large air cushioning unit at the heel which is visible from the side of the midsole in most models. The model was extremely popular for a long time and saw many colorways introduced. Its popularity has waned but many people still love
air max shoes. The nike air maxline includes some of Nike's most colorful offerings with stylish accents coordinate well with any outfit. Our air max at greatest discounts will be your first and best choice. This is the best option for finding Nike air max shoes what you dream of on our shop,such as air max 90,air max griffey,air max Jordan and so on

aquaponic systems
15th May 2012, 7:15 am
bubble

it is a nice site lots of excellent and wonderful images are posted here.i enjoy this site very much.

aquaponic systems
15th May 2012, 7:14 am
bubble

it is a nice site lots of excellent and wonderful images are posted here.i enjoy this site very much.

Coach Factory Store
15th May 2012, 3:59 am
bubble

The trick didn't work for the images in between, since they became translucent. I'll have to see how you did that.

Jan
15th May 2012, 12:14 am
bubble

Jeder Mann der schon mal ein realen Flirt im Web hatte weiß, wie und wo man hübsche Frauen findet und das Webfrauen abgehen wie die Schlampen aus den Pornos. Doch wer etwas schüchtern ist und nicht immer nur die Sexgirls die darauf stehen, mit geilen Männern Camsex zu haben, der kann es ja mal mit einer seriösen Partnervermittlung versuchen. Also, wenn man oft auf den ganze schönen Seiten bzw. auf Sexseiten sich aufhält ist das doch schön und dabei sein, wenn es Frauen anal machen kommt immer gut. So kann man nämlich überaus leicht ein paar Frauen ficken. Ich persönlich mag auch diese ganzen Amateurcams weil man heir ganz leicht Frauen zum realen Ficken findet - den Tipp habe ich aus einem Erotik Magazin gelesen. Seit dem ich das weiß, schaue ich mir keinen Hardcore Porno an. Das sind der Typ Frau, die auch gerne mal in einem Amateurporno mitspielen würden. Wer findet nicht, das es super geil ist, so eine mege enge Arschfotze zu bumsen. Es ist sicher schon eine ganze Weile her. Aber mein erstes mal Arschficken werde ich ganz bestimmt nicht vergessen.

krill oil benefits
14th May 2012, 8:44 pm
bubble

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.

krill oil benefits
14th May 2012, 8:40 pm
bubble

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.

Wheelchair Cushion Sage
29th July 2011, 12:39 am
bubble

-
Paul,

Is your xFlow script capable of displaying the scrolling pictures within a single XHTML div? For example, if the full middle portion of a web page - all the way from the left side of the browser window to the right side of the browser window - is defined by a single XHTML div element, can xFlow be restrained to work within that specific portion of the web page? If xFlow is capable of being used in this fashion, please reference the instructions pertaining to this xFlow display feature.

Wheelchair Cushion Sage
-

JKWebDesign
4th July 2011, 6:00 pm
bubble

Hi, i just bought your script today and i have to say that it is awesom!

I do have few things that i have to pass by:

1. How can i disable player because my client wont need/want that?

2. Is There a a possibility to show videos from Vimeo? That is not a problem, because i can use logal videos as well, but it would be easier to use Vimeo.

Thanks..

pwhitrow
31st May 2011, 11:26 pm
bubble

David,

xFlow! works on a per gallery basis so cannot accept other path, sorry...

pwhitrow
31st May 2011, 11:25 pm
bubble

Paul,

The simple JS integration stalled as other issues within xFlow! bacame more important. I hope to pick this up again at some point, but nothing is planned just yet.

For the record, it's about 90% done!

David Martin
27th May 2011, 5:49 pm
bubble

Hi,

Am working on an app that useshttp://www.jacksasylum.eu/Cont
entFlow/

It has some issues and we would like to use xflow instead but the flows are generated by database queries and to make a directory for each possible result would be massively redundant and consist of something over 1/2 a million gallery folders.

Can xflow work on filepaths fed to it in some way other than by making a directory per gallery?

Thank you,

David Martin

Paul
6th May 2011, 9:57 pm
bubble

On the 11th of Feb 2010, you were asked by 'Scott' - 'Can the galleries be added to existing pages?' and you replied "I'm working right now on making integration as easy as a call to a single JS file"

Did anything ever come of that??

Many Thanks

Döm
4th May 2011, 7:53 am
bubble

You don't have any time to get bored, do you ?
Waiting for your release...
Döm

pwhitrow
3rd May 2011, 1:57 pm
bubble

Hi Döm ,

I've noticed the same issue and I'm looking into it. As you say, only effects new verions of FF!

Will be in a release as soon as I can.

Döm
30th April 2011, 1:27 pm
bubble

Hello Paul !
Sorry for your forum's been hacked, so was my site... I made a big clean up and installed CrawlProtect.
Starting up again from zero, I noticed a bug when viewing large images and display them through the wheel on my mouse in Firefox 4 and PaleMoon browsers. Indeed, the images are not properly encapsulated in the viewer (there is a gray background résidut related to the size of some images) while they were Ok in previous versions of Firefox. It is hard to describe. The best way to get an overview of the problem is to test. I did this test also on the demo of xFflow and it is the same result. The problem arises with Firefox 4 and PaleMoon. No problem with Opera browser, Google Chrome and Internet Explorer 8. Can you have a look ?
Döm

pwhitrow
22nd June 2010, 3:01 pm
bubble

Thanks for pointing this out, completely passed me by!

Right, go to the js/xflow.js file and replace the function XFLOW_setViewerTextSize with:


function XFLOW_setViewerTextSize(val)
{
xflow_viewertext.style.height = 'auto';

if(xflow_viewertext.style.overflow)
{
xflow_viewertext.style.overflow = 'none';
}

if(xflow_viewertext.offsetHeight > val)
{
xflow_viewertext.style.height = val + 'px';
xflow_viewertext.style.overflowY = 'auto';
}
}


The next update will of course have this already integrated.

pwhitrow
22nd June 2010, 1:45 pm
bubble

Thanks Jorge,

I have tested xFlow! in IE and it worked fine. Could you tell me what version of IE you/your client are testing in please...

Jorge
22nd June 2010, 11:23 am
bubble

First of all thanks for developing this so easy to use tool Paul. I purchased a copy to use in a project and worked fantastic... till the client called me saying that wasn't working properly in IE Explorer (what a surprise!).

IS just that the small green arrows in the 'lightbox' mode (to navigate throw the images) when using IE Explorer doesn't work. The 'X' button to close the lightbox works perfectly.

Any idea on how to fix this issue? Help really appreciated Paul, as I need to close this project asap!

rob busby
28th May 2010, 9:17 pm
bubble

This is very nice. As I am working on creating better gallery for my logos I have created, this may be just the ticket. Thanks a great deal for your information. It's very helpful.

pwhitrow
17th May 2010, 11:54 am
bubble

run,

No it wasn't... maybe you should read the main article properly, then perhaps the first comment?

Thanks for commenting but next time, perhaps you should think before clicking the 'Submit' button.

run
9th May 2010, 10:02 pm
bubble

The original Java Script for this gallery was probably taken fromhttp://www.dhteumeuleu.com/the
ories-of-mind/
and changed to what you see now.

pwhitrow
11th April 2010, 12:46 am
bubble

Lars,

Yes of course, but you will need to understand PHP and Javascript as it will require a code adaptation.

Lars
30th March 2010, 5:23 pm
bubble

Hi and thanks for the great work!!

Is it possible to replace the thumbail bar with thumbnails of the different larger images?

The idea is that you could click the thumbnails and the gallery is flowing to the according image.

THX

pwhitrow
30th March 2010, 12:10 pm
bubble

Thank you Alan :)

Just to let everyone know, whilst investigating Alan's installation, he discovered that PHP's REGISTER GLOBALS was turned off... worth checking peeps.

Alan
30th March 2010, 10:11 am
bubble

Xflow is a very nice clean and fast photo gallery with some very nice tweakable options to get just the right look , support from paul was great also , the only reserve i have currently is whether it is possible to have the name of each gallery under it's thumbnails beneath the slidebar , but no doubt a little bit of code will solve this , definately worth the money i paid for it .

Ricardo
8th March 2010, 9:18 am
bubble

Hello all and of course to Paul,

Just have to say it's a very flexible, easy to 'embed' piece of marvellous software code, with a slick modern feel and look. All my highest compliments, because it's hard to find quality (cheap) code to use, between the hundreds and thousands out there.

pwhitrow
7th March 2010, 8:22 pm
bubble

Hi David,

Glad you like xFlow!, and thanks for letting me know that it works OK in Safari (version?).

1. DEF_XFLOW_GALLERY_FADEBGCOLOR should indeed be set to 'FFFFFF', but remember that is the DEFAULT value for the background colour. Individual galleries can have their own background colour set to overide the default value. You set this in the options panel. Try setting it there to 'FFFFFF'. Any images you have in the gallery already will need to have their thumbnails recreated, again this is done from the options panel (checkbox near the bottom).

2. The thumbnails are displayed as a proportionate value of the overall xflow div area. The bigger this area, the bigger the thumbnail. It's done this way keep everything resizing together.

3. Yep, those links will only appear when logged in.

4. extract?

5. Not a problem, I try to support the product and answer all I can.

6. You are free to customize xFlow! to suit your needs, but I can only support unchanged versions, as I cannot predict what changes you may make.

7. No FAQ section planned, but definately something to think about, thanks.

8. 42!

Phew!

David DelMonte
7th March 2010, 2:15 am
bubble

Hi Paul...

Questions/Observations:

. First, xFlow is great. Thanks a ton!! It's just what I've been looking for.

. I will be implementing in the site above as soon as I finish configuring.. Meanwhile, where I am so far is here:http://bohtech.com/beatrice/xf
low/galleries/modern-architec
ture/

. xFlow 1.6 is working in Mac Safari fine.

. How do I do the following:

change the background to white?
(I set DEF_XFLOW_GALLERY_FADEBGCOLOR to fff, but no change)... Should I futz with the css files?

Is there a way to make the flow images larger (or resize them?)

how do I remove the header information (gallery, options, items etc) from the window (is that only in the admin window?), and

what's the best way to extract to use in my site?

Sorry for peppering you.. I've only been using this for an hour or so..

Oh, I want to change the scroll bar.. Hope that's ok?

What about an FAQ section of your site?

What's the meaning of life?

/david

pwhitrow
5th March 2010, 8:54 pm
bubble

TDD:
Indeed xFlow! will work if you stick it in an iframe.However, if you want if full screen, then just use it as is?

Javier:
Thanks bud, I'm still on it and hope to have a resolution soon. Keep watching the updates :)

Javier Fuller
5th March 2010, 8:16 pm
bubble

Hey Paul,

I know how that bug hunting goes on a platform you don't spend alot of time on. If you need anything on the mac platform, let me know, I'd be happy to help.

I look forward to your updates

--Javier

TDD
4th March 2010, 2:29 am
bubble

I love the functionality of this, but have one question based on client feedback. Will this coverflow script work if it is launched in something like Lightview or Lightbox in a layer over a web page so we can use it full screen?

pwhitrow
1st March 2010, 6:33 pm
bubble

Hi Javier,

Thanks for this. It's something I know about and am looking into, but difficult to nail as I don't use a Mac and it looks fine in hte PC versions of Safari etc... will keep plugging away though.

Javier Fuller
27th February 2010, 3:32 am
bubble

Great looking tool. Best "coverflow" i've seen out there so far. However there is a problem on Safari on Mac and Mobile Safari on iPhone. On both platforms, the scroll bar's end is placed incorrectly.

Screenshot of your demo www.fuller-online.com/coverflo
w_safari_mac.jpg

I think this might be what Lawrence mentioned back in October, but for me it's fine in FF Mac 3.5.7, but broken in Safari.

pwhitrow
12th February 2010, 1:33 pm
bubble

Thank you Keith :)

keith morrell
11th February 2010, 11:22 am
bubble

Great script, easy to install and customize. Easy to fit into any template and alter. Has saved me so much time and has so many neat features such as video upload, zip archive upload, flickr and the fact its not flashed based is also a bonus for SEO.

pwhitrow
11th February 2010, 12:39 am
bubble

Hi Scott,

1. Yes xFlow! can be integrated into your existing PHP pages. It takes a bit of 'jigging' as xFlow! was built as a stand alone gallery, but it can be done. I'm working right now on making integration as easy as a call to a single JS file. This will be included in a future update.

2 + 3. Yes, xFlow! can be fully customised.

Hope that helps,

Paul

Scott
10th February 2010, 7:50 pm
bubble

I just bought xFlow, but am now thinking it may not be able to do what I need it to.
1) Can the galleries be added to existing pages?
2) Can the styles/colors be changed?
3) Can the width of a gallery be changed?
Thanks,
Scott

pwhitrow
8th January 2010, 5:51 pm
bubble

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
bubble

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
bubble

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
bubble

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
bubble

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
bubble

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
bubble

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
bubble

Hi kishjor,

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

kishjor
30th December 2009, 8:01 am
bubble

I am not set xml file in xflow.

Can u help me ?

pwhitrow
9th December 2009, 6:03 pm
bubble

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
bubble

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

pwhitrow
23rd November 2009, 9:55 pm
bubble

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
bubble

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
bubble

Thanks Matthias for pointing out the bug.

It should now be squished!

pwhitrow
16th November 2009, 4:20 pm
bubble

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

pwhitrow
11th November 2009, 9:52 am
bubble

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
bubble

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
bubble

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
bubble

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
bubble

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
bubble

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, 6:36 am
bubble

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, 7:42 pm
bubble

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, 5:44 pm
bubble

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, 8:18 am
bubble

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, 10:32 pm
bubble

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, 11:37 pm
bubble

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, 4:08 pm
bubble

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, 11:31 am
bubble

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

Christophe
10th July 2009, 11:43 am
bubble

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, 7:22 pm
bubble

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, 11:34 pm
bubble

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, 8:19 am
bubble

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

Thank u.

pwhitrow
23rd June 2009, 6:12 pm
bubble

Hi Peter,

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

Peter Sutton Fitzgibbon
23rd June 2009, 10:41 am
bubble

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
21st June 2009, 12:19 am
bubble

Alvin,

xFlow! should work with PHP version 4 and above.

Alvin
19th June 2009, 7:20 pm
bubble

is there a php version requirement?

accounting homework
6th June 2009, 12:29 pm
bubble

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

Thanks for posting them :)

pwhitrow
2nd May 2009, 1:00 am
bubble

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, 12:02 pm
bubble

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, 10:58 am
bubble

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

Devante Vargas
21st April 2009, 10:51 pm
bubble

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, 8:05 am
bubble

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, 7:30 pm
bubble

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.