Photography Portfolio Template

This template is perfect for showcasing your portfolio with style. It has a minimalist design with powerful features, such as the integration with SWFAddress, useful for activating the browser's back button.

You can define as many galleries as fit the menu, and each gallery can have an unlimited number of images.

On the homepage you can link some of the galleries directly to that section. We use 6 only, for people with resolution smaller than 1024x768. You can use even less thumbs than galleries, but link only some of them which you like more.

If you click on the photographer name or tag line, it takes you directly to the Contact page. Both are customizable from XML, as well as the content on the Contact page.

The images scroll left and right, making sure the border is where the first or the last image centers the screen. You can add any size for the image as long as these fit the height of 420px. (optimized for 1024 x 768). They automatically position based on the width.

You can also define the stroke value in the XML file, and for each image in the large view, you can define the background color (as it is defined for example in the Brands gallery).

You can set the default section that will be used for when the website opens, or with the help of the swfAddress you can share a direct link to any of the sections.

Features:

1. SWFAddress (back button navigation and direct link to a section).
2. Customizable from XML.
3. Supports unlimited images.
4. Supports different background colors for each image.
5. Youtube video section.

 

marknolan66

on 18/3/10

 

Hi,
now that I have managed to view the template, please can you help me with a couple of things?

1) how do I slow down the scroll speed of the images?
2) can I put a scroll bar along the bottom of the images?

Thanks,
Mark

 

Andrei Neamtu

on 18/3/10

Mark,

I'm glad to hear that you figure out the problem.

1. The speed of the images unfortunately is hard coded.
If you really want to edit it go inside the "MovingGallery.as" at line 386(var speed : Number = 15;) and edit the value. The grater the value is the slower the images will move. It's reverted.

2. The component was not made to work with a scrollbar. The movement is based on the mouse position. You can't have them both.

Let us know if you figured out everything.
Best regard,
Andrei N

 

marknolan66

on 20/3/10

Hi, thanks for the information. Once I have made the change to the file, how do I compile the changes?

thanks,
Mark

 

Andrei Neamtu

on 22/3/10

marknolan66,

Just open the "product.fla" in Flash CS4 or "productCS3.fla" in Flash CS3 and hit "ctrl" + enter on windows or command + enter on MAC OS

 

urmark

on 18/3/10

 

Hello, would the template let me create "dropdowns" .Let's say that when I click "Fashion" a dropdown appears something like this

Fashion
- week 1
- week 2
- week 3
- week 4
- week 5

Please let me know.

Thanks

 

Andrei Neamtu

on 19/3/10

Urmark,

As you can see the menu items are made to open a gallery, open a swf, to be a link or to open a specific section like text or contact. These how they are made to work.

You can do that, but you need flash skills as you need to implement a different actions on the menu buttons to open a submenu. All those submenus needs to be read from an xml and so on. It's not that easy.

 

marknolan66

on 20/3/10

 

Hello,

Please can you help with 2 questions?

1) is it possible to keep the menu bar permanently at the top of the page. i.e. when you open the main page, the bar is visible?

2) I cannot seem to get the about.xml script to work. The screen is just blank.

Thanks for your support

Mark

 

Andrei Neamtu

on 22/3/10

marknolan66,

1) For the first question this is what you have to do:
- go inside the "Content.as" file and at line 56 insert the next 2 lines:
[/as]
mcMainMenu.y = mcMask.y;
mcMainMenu.visible = true;
[/as]
- go inside the "Home.as" and comment / delete the line 80:

                Tweener.addTween(Main.getInstance().mcContent.mcMainMenu, {y : 0, time : 2, transition : "easeOutExpo"});

                

I've made an update as you can see in the last comment below.

2) For the second question:
- edit the "description" tag to edit the text from the text scroller
- it should work, I just test it, if not please redownload the latest version

 

marknolan66

on 21/3/10

 

Hi, I am sorry, please can you tell me if it is possible to add a form in any of the links? I want to add a link called "Members" and on my old website, I had a form for the user to enter a username. Is there anyway I cal do this?

thanks.
Mark

 

Andrei Neamtu

on 22/3/10

Hi marknolan66,

As you can see in our demo file we have 2 special menu items(SWF1 and SWF2) that open a swf inside the template: http://www.flabell.com/files/229_e1603...

Instead of the "Hi there! This is a sample swf file" you could make the template load your own swf that contains a form.

To do that go inside the "main.xml" and edit the a tag for swf menus:

                
	<section swfAddressValue = "SWF2" menuName = "Swf2">
		<properties type = "swf" xmlPath="website/content/swf/sample2.swf"/>
	</section>

                

 

marknolan66

on 22/3/10

Hi Andrei,

can you recommend any swf compiler software? Also, is it possible to keep the menu bar permanently at the top of the page. i.e. when you open the main page, the bar is visible?

Thanks,
Mark

 

Andrei Neamtu

on 22/3/10

 

New small update:

We've added an attribute in the "main.xml" in the root node(showMenuOnHome = "false") that makes you able to control if the menu should appear or not on the home page:

                
<menu defaultSection = "1" name = "John Steward" tag = "- photographer -" showMenuOnHome = "false">

                

 

marknolan66

on 22/3/10

Hi Andrei,
I have downloaded the update and it doesnt seem to work. Which files do I need to replace on my system?

thanks,
Mark

 

Andrei Neamtu

on 22/3/10

marknolan66,

Please try again. I just downloaded the files and everything is ok.
Probably while you were downloading the connection stopped and the archive got damagged.
The changes have been made in the files:
Main.as
Content.as
Home.as

and as I said above the attibute "showMenuOnHome" has been added inside the main.xml file.

 

marknolan66

on 22/3/10

Hi,

Sorry for the continued questions :-)

Do I need to compile these changes or should they just work for me?
thanks,
Mark

 

Andrei Neamtu

on 22/3/10

If you work on our last files you don't have to recompile they will work like a charm.

But if you want to use our AS files in your old project you will need to recompile you FLA file.

 

marknolan66

on 22/3/10

It must have been a corrupt download. It works great thanks.

\Mark

 

marknolan66

on 22/3/10

 

Hi,

Please can you tell me if it is possible to change the size of the imges. The thumbnails are fine, but the images are full screen and they look too large.

thanks,
Mark

 

Andrei Potorac

on 23/3/10

Dear Mark, what size would you like to have for the images? At the moment we make sure they fit in the browser's height & width (because you might have even larger images), but we can make them fit in the browser's h & w minus a value. I can tell you where to change that if you have Flash.

 

marknolan66

on 23/3/10

 

Hi bobocel,

thanks for the reply. Maybe half the size, so they are not full screen. I dont have flash at the moment so I cant edit the files.

Thanks,
Mark

 

Andrei Potorac

on 23/3/10

Ok Mark. I'll get back to you by email with the updated file for that. What I will do is change this variable in MovingGallery.as:

                
private var distanceBorders : Number = 20;

                

This represents the distance to the borders.

 

Andrei Potorac

on 14/4/10

 

File update: we added a video player, which you can enable as we did in the fashion section.

 

Matt Medley

on 31/5/10

 

Hey there, for some reason, although I'm clearly logged in, when I goto the forum section it asks to login again to post... weird. Worked fine a couple days ago.

Anyway, this comment is in regards to this posting http://www.flabell.com/forum/topic.php...

I can recreate this error in Google Chrome 5.0.375.55, Firefox 3.6.3 and Safari 4.0.5... so all Mac browsers.

 

Andrei Potorac

on 1/6/10

Thanks for posting this. We just launched Themesbell, and we had some maintainance to do! ;)

I'll look into the issues now, and update the file ASAP.

 

Matt Medley

on 1/6/10

Thanks for your quick response. I'm anxious to resolve this issue. As well, as long as I have your attention, how can I add a MP3 player to it?

 

Andrei Potorac

on 1/6/10

You need to have a bit of Flash skills, to add it in the right place.

Note the mp3 player needs to be one of the AS3 ones we have on Flabell.

Please check the video tutorial, making sure you also copy the library from the mp3 file to the template library, and the mp3 movieclip from the timeline to where you want to add it.

 

Matt Medley

on 1/6/10

Cool, So I'll buy http://www.flabell.com/flash/Compact-F... and it should be insertable? Where's the video tutorial? I can't find it anywhere on your site.

Any luck with the picture "sticking" error I mentioned? It's happening all the time with the site I setup :(

 

Andrei Potorac

on 2/6/10

Hi. It's right on this page and every product's page. At the top, called General Videos.

We're still looking on the bug reported.

 

Andrei Potorac

on 3/6/10

Hi. We fixed both bugs. Thank you for reporting them. Please download the updated file from your account.

show all replies

 

dublin2111

on 6/6/10

 

hi there

all i need to do is change the headings and the photographer title - to my own personal headings where can i do this i.e. which file

 

Andrei Potorac

on 7/6/10

In main.xml, at the top, you have the following attributes:

                
<menu defaultSection = "1" name = "John Steward" tag = "- photographer -" showMenuOnHome = "false">

                

14...109876...1

Post a comment

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

1. How to make the stroke around the homepage images thinner?

You need to adjust this number in Home.as, and then compile the swf file again:

private var imageStroke : Number = 10;

There are no video tutorials for this flash component yet.

Photography Portfolio Template - change log

Update 28 March 2011
- added the possibility to add an Youtube video as a section to the template. In the main.xml file you'll need to add a "swf" type section that has an unique swfAddressValue and menuName. At the xmlPath attribute you'll need to enter the URL of the Youtube video. You can copy the Youtube video URL from your browser address bar or go to the video page and press the Share button.
- fixed some issues regarding the menu.

Update 05 - 14 April 2010
- a video player was added as an option to display videos as well as images.

Update 05 - 22 June 2010
- we added the ability to add an external link on the homepage, by clicking on a thumbnail which has a link set in home.xml

Update 05 - 24 November 2010
- we updated the SWFAddress, which fixes the browser back and next buttons on IE8

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