Filter Portfolio Gallery

This is a gallery with filters, on two levels. You can sort for example your projects by clients, and then by project type, your products by colors and then by size, your products by model and then by material, or however you need. One level filtering is also implemented.

This component is built from three of our Flabell components:

Multipage Thumbnail Gallery
Horizontal Image Banner Rotator with thumbs
CheckBox Component

So if you own any of these components, you will find the XML familiar.
You can customize each component with the same features.

The main level in this example are the cars, and the class is the second level.

You could for example add your portfolio for Corporate, Agencies and Personal clients, and sort these by the work done for them, such as Branding, Websites, Interactive, etc. Multiple second levels filters work as well. For example, for one client you can add both Branding and Websites, as in our example.

If you decide to use only one filtering level, the one you need to keep is the type (the main level).

 

Andrei Potorac

on 12/2/10

 

To see the multiple filters per type, do this:

1. Uncheck all.
2. Select BMW.
3. Select either Cabrio or Coupe. You will see the Z4 has both filters (since the car is Coupe and Cabrio as well)

Enjoy! :-)

 

piazzadoro

on 13/2/10

 

Hey,
I would like to ask if there is any chance to buy this product in Flash8 version?
thanks

 

Andrei Potorac

on 15/2/10

I'm afraid we only support Flash CS3 and higher, as we work with AS3 and export for Flash Player 9.

 

shree

on 19/2/10

 

HI,
I AM PLANNING TO BUY THIS...CAN I OPEN THE FLA FILES IN FLASH CS3..I TRIED TO OPEN OTHER FREEBIES WITH CS3 AND I COUDNT.PLS REPLY BACK FOR ME TO GO AHEAD AND GET THIS ONE.

 

Andrei Potorac

on 22/2/10

Hi. Sure, you can open any of our files with Flash CS3. Just make sure you open the projectCS3.fla file, not the CS4 version.

 

Deren Hartsough

on 22/2/10

 

Ugh, I was looking for something exactly like this 2 weeks ago! I ended up making my own (although simpler) filter gallery. Maybe I will 'upgrade' to this one later after the site launch.

One question though, is it simple to modify the gallery to flow downwards (up and down) rather than sideways (left and right)?
ie. I have a 3x5 grid setup, can this be replicated with this gallery?

 

Andrei Potorac

on 22/2/10

Sorry to hear that. :-)

It's not customizable through XML, only by editing some of the code written. Note you must be familiar with AS3.

 

Deren Hartsough

on 22/2/10

Alright, I figured it wouldn't be possible through the XML, just figured I would check :D. Looks like it will be a good project for a quiet day. Thanks.

 

Yogee B

on 4/3/10

 

I am working on my online portfolio and was looking for something like this, except that its is a 3-tier navigation system

The Works section: Its going to be a XML driven flash which will pull individual JPGs from a library and the XML could have the descriptions. Mine is a vast portfolio, ranging from Books, Events, Branding, typography to web, plus I have worked for different industries like Banking, Hospitality, IT, Petroleum, etc. And then there is a whole list of clients I have worked for.

I was wondering if this can be customised to something that will allow the user to see my portfolio in 3 different ways — By Category, By Industry and By Clients. I do not wish to recreate different folders and then duplicate anything into them. All should be script driven.

Do you think this can be customised to a large extent like this? Have you done something like this before?

Also suppose if I make my own interface, will it be possible to apply these scripts in a totally new interface?

 

Andrei Potorac

on 5/3/10

You can filter by only one level if you want to do that. Please download the free demo and see how the XML works.

Our sample is built on two levels (the maximum it supports). One level works as well though.

If you need to build a different interface, you can either check and see which are the available options in the XML, or make changes in the FLA and code to have even more freedom, but that's where AS3 and Flash skills are needed.

We also offer custom work, so you might want to get in touch with a design and a brief as well, so we can send you a ballpark estimate.

 

Yogee B

on 5/3/10

 

Oh Thank you Bobocel,

So you are saying that this current one doesn't support more than two levels.

So can we do this? — I design my own interface and then pass on to you to integrate the XML and the AS3 part.

Ofcourse before I do so, I will share with you the work in progress or share with you the navigation so that we are in agreement whether its possible or not!

OK, so what would be a ballpark estimate for this kind of job?
Assume its a 3-level navigation either in the form of checkboxes (your design) or something I do totally different. Eg. Like a windows explorer.

 

Andrei Potorac

on 5/3/10

What I said, is that from your description, you only need one level. We currently have one or two levels.

Please get in touch at [email protected] for more information regarding custom work. Thanks! :-)

 

rupert hawkes

on 8/3/10

 

I tell you what I would love and that would be able to have two or even three rows of images in the main initial gallery. If that could be done then I'll buy the bundle!!!

THANKS!!!!!

 

Andrei Potorac

on 9/3/10

Note you can download the demo for free and play with it before you make a purchase. ;)

 

rupert hawkes

on 8/3/10

 

Sorry my bad. I realised you can do this already.

Two questions, does the bundle offer tickets?
I would REALLY like to be able to set the font size of the title displayed when the mouse is over the image. Also the ability to not show the filter category when hovering over the image. TA!

 

Andrei Potorac

on 9/3/10

Yep, the Support Ticket is free for any bundle or commercial Flash Component we offer on Flabell.

The other two things are not doable without custom work, so you might want to try and do it in the fla or AS code, and if you can't, get in touch for custom work.

 

rupert hawkes

on 8/3/10

 

What I really would like is to be able to put the element displayed at the top of the thumbnail and the title at the bottom (when the mouse is hovered over the thumbnail).

Oh and the ability to set the font size. If you can do this I will happily by the bundle! PLEASE, PRETTY PLEASE!

 

rupert hawkes

on 8/3/10

 

Some other suggestions. When in the actual gallery view...

1. There is no way to set the width of the caption area.
2. There is no navigation for the thumbnails, i.e. a way to scroll through them manually.
3. The width of the "<- Return to thumbnails ->" text is far too wide.
4. Would like to be able to click on an image and it displays it full size
5. I would like to be able to position the larger image top right (with a 10px margin).

This is almost a BRILLIANT plugin. I hope my suggestions make sense, I plan to purchase the bundle tomorrow but could please let me know if these little suggestions could be done.? Ta.

 

Andrei Potorac

on 9/3/10

I believe these are all written down in the following page. :)

10...321

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Filter Portfolio Gallery - change log

Update 04 - 12 May 2010

- in this update we added several new options in the XML, including displayFilters in portfolio.xml and strokeThickness in gallery.xml
- bug fixed related to filtering items, when a type or a filter was initially unselected
- we added the much requested navigation to the smaller thumbs in the gallery
- we added tooltip for displaying the current number of the thumb

Update 03 - 15 April 2010

- bugs fixed (related to how the pagination was displaying)
- scroll added for displaying more text than it fits in the window
- optional colors were added for the filters titles
- stroke thickness can now be controlled from the XML
- the way the images load in the final slideshow has been improved (loader fades out, images fade in if loaded the first time, otherwise they appear instantly)

There is currently no additional help provided for this flash component.