mangiaphoto

Hi again
Next lesson on mangiaphoto will be about Featurepics frames and scripts.

If you are photographer and you want to sell your images online, you came to right place. Many photographers want to make their own image-selling website, and that is not easy. You need ideas, advertisements, promotions, buyers, programmers, money to finish project, etc. With Featurepics you can send your visitors directly to your images. You can set price, licenses, image size and much more. With their frames and scripts, you can make your own image-selling website. All you need is small website and little amount of time. You do not need expensive web hosting, big storage and bandwidth, database and scripting languages. Basic HTML pages will be enough.

First you need is to upload your images on Featurepics. More about Featurepics, you can read on THIS page.
After they approve your images, you can start with this project. Login on Featurepics and go to My account – HTML snippets. There you will find your frames and scripts, ready for you. All you need is small changes to set your colors and frame sizes. After you change it, you can cut and paste any of these HTML snippets into your web page.
Example: Most popular (or latest) images in your gallery

Next code will show five most popular images in my gallery. Generated snippet has white background (FFFFFF), and thin frame (1 pixel) around images. On mangiaphoto.com background color is 2E3233 so I will set it to bgcolor=2E3233. How much images will be in frame depends from number=X where X is one number. I want to show 4 images in my frame so I will set it to number=4. Width=X and height=Y will set frame size. I will set width=570 and height will stay unchanged. This size is very important and you need some experience with html to set it. You need to take care about it because if you set too big, you web page will be ugly and your layout will be nasty.
Here is finished frame.

Parameters you can change:
1. number – number of images to show. Feel free to change it to fit your screen. In this example – 4
2. bgcolor – rgb background color; ffffff – white, 000000 – black. You can find your rgb background color in Photoshop. In this example, “ffffff” – white.
3. type – direction option; h-horizontal view, v-vertical view. In this example – h (horizontal)
4. order – type of images option; order=popular – the most clickable images , order=latest – the most recent images. In this example order=popular.
5. width and height – frame size.
You can also change border size and color but it is not necessary.

All your uploaded images:
Next code will show bigger frame with your images inside.

Feel free to change “cols” and “width” parameters.
cols – number of images in a row.
width – width of the table. If you change the parameter “width” – don’t forget to adjust the width of your IFRAME.
You can see example in My gallery.

If you don’t want to use frames, you can use scripts. There is not much difference between frames and scripts but sometimes searching engines doesn’t like pages with frames. Implementing scripts in your pages is same as you paste frames. You can change the parameters based on your needs:

* var bgcolor=’eeeeee’ // background color
* var bordercolor=’c3c3c3′ // border color. Make the same as the background color if you do not want to show the border.
* var fp_images=’5′ //number of images
* var type=’g’ //g-vertical; g-horizontal
* var order=’popular’ //’popular’ – most popular; ‘latest’ – most recent
* var fp_width=’600′ // width of the image set
* var fp_height=’150′ //height of the image set

November 23rd 2006 | Posted in Cool tutorials | Comments(1)