Thursday, January 21, 2010

free xml gallery flash

1. Download files from here.
2. Create thumbnails
Create your photo thumbnails and upload it to a specific directory for example /images/thumbs/ and all your photos to /images/ directory.

3. Edit XML file
Fist of all edit website title and directories for big images and thumbnails.
<gallery title="Your Website name goes here! " thumbDir="Thumbnail directory " imageDir="Big image directory " random="true">


It's easy to edit or add your photos to your flash gallery. Just use the following XML structure for each photo.


<category name="category name here ">
<image>
<date> Put the date here </date>
<title>Your photo title here </title>
<desc>few words about photo </desc>
<thumb>thumbnail file name </thumb>
<img>big image file name </img>
</image>


Example:
<gallery title="Flash Scope Gallery " thumbDir="./images/thumbs/" imageDir="./images/" random="true">
<category name="in Seattle ">
<image>
<date>01.01.09 </date>
<title>Me and my wife </title>
<desc>at the statue of big George </desc>
<thumb>thumb-photo-1.jpg</thumb>
<img>photo-1.jpg </img>
</image>


Another Easy Way to Create Flash Slideshow without XML skills
Photo slideshow maker is an easy to use flash image gallery creator which can create flash photo gallery, 3D flash photo gallery, website slideshow without XML or flash skills at all. All the processes are automatically and instantly , you just need to move your fingers to click some buttons in the software.

Saturday, January 16, 2010

blogger flash slideshow

Blogger flash slideshow

Blogger is extremely popular nowdays, would you like to have a more impressive and professional Blogger? No problem, this tutorial will show you how to add Flash slideshow on Google Blogger with flash photo gallery software. It is so easy even you don't have any flash or XML skills at all. Please follow simple 3 steps to make your blog more attractive and stunning. Let's go.

Step 1: Make Flash slideshow SWF file.

Firstly, please make your Flash slideshow file (.swf). See the following sample of flash slideshow which was created by Wondershare Flash Gallery Factory .


Step 2: Upload Flash slideshow SWF file to Flash Online Album.

Upload the Flash SWF file to any web hosting, and get the URL address of the Flash SWF file. If you don't have a web host, you can upload your flash file to ourpix Online Album for free, even you didn't need to create a new site, just register an account and download free Wondershare Flash Gallery Factory here for HTML code.
Once you completed to create your own flash image slideshow, please choose "Share Album Online" to publish it.

First upload the flash slideshow SWF file to Wondershare Online Album.









If you already have a Wondershare account, please click the button [Next>] to continue or click the below link to create an account then.




Finally, once your album has been uploaded successfully, you can get the Hyperlink and HTML Code here.




Step 3: Embed Flash slideshow SWF file to Google Blogger.
To embed the Flash SWF to your Blogger post. Open your blogger editor, switch to the ”Edit Html” mode, then copy the following code to any of the sections in your blogger post, which you could get from the last step easily.

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="264" width="550" data="http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf" />
<param name="quality" value="high" />
</object>

You can also revise the width and height of your flash slideshow on Google Blogger as you like, just need to revise the red value in the above code.
Tips:

By the same way, you could also upload your flash photo gallery, 3D flash gallery, flash banner, flash album to MySpace, Blogger, LiveSpace, WorldPress, LiveJournal, and all social websites and blogs which support editing HTML code .

Tuesday, January 12, 2010

flash image slider maker

How to make flash image slider with hyperlinks

The tutorial is mainly about how to make flash image slider with hyperlinks for presenting images in a best way. What you need are some images and a flash image slider maker. Here I choose Wondershare Flash Gallery Factory as the flash image slider maker.

The reasons why choose Wondershare Flash Gallery Factory are:
Providing 60+ free ready-to-use flash slideshow template ;
Image caption/ image description and hyperlinks can be added;,
Displaying time for each image can be set by yourself;
Easy to use, all processes are automatically and instantly.



Now let's begin to make flash image slider with hyperlinks in simple 5 steps.
Step 1: Install flash image slider maker.


Download photo gallery software free trial and install it , then run it. You may find that the slider maker includes Gallery and Slideshow two modes . To make flash image slider, you can select both modes.
Step 2: Import images and background music

The program will go to "Browse" tab by default .Click "Add photo" build in button or just drag the images into storyboard directly to add photos to the storyboard. Then click the "Add music" build-in button to add music if you want to add background music.
Step 3: Select template for flash image slider

Flash Gallery Factory provides 3d flash templates.You can select your favorite templates. Background image or color can be changed as well. See below thumbnail to get more info..
Free flash image slider template

Step 4: Add hyperlinks on images

Double click on the image, then it will turn out a pop-up page like below, select the "Properties" Tab and click on the "Hyperlink" item, input the URL you want the viewers to visit, it will be OK. Image caption and image description can be add on the image by click the "Caption & Description" item.
Add hyperlinks on images

Step 5: Preview and publish to save your flash image slider.

Preview your flash image slider by click the start button in the bottom of the right screen. If you are satisfied with your work, publish it to swf, html, exe, or screensaver formats, or you can mail the flash image slider to your friends directly as a gift.
Publish flash image slider
You can add the URL you want the viewer to visit after view the flash image slider by open the "Publish Setting" pop-up window.
Tips:

1.You can embed the flash image slider on website, such as MySpace, Blogger, etc;

2. There are 18 free flash pre loaders included, click "Add Accessories" to set pre loader for your 3D flash gallery.

Friday, January 08, 2010

9 steps to create pet flash banner slideshow

In this flash tutorial I will show You how to create cool flash banner about animal and petsusing some special flash tricks. You can use this banner for any web sites. Using this lesson, you will also learn how to import any image into a flash library, how to convert it into a Movie Clip

Symbol, how to apply flash filters on it, how to create Motion Tween and much more! You don't have to use action script code to make this lesson.
Example:

Step 1
First, download pets images that we will use for this lesson.

Step 2
Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 350 pixels and the height to 263 pixels. Select white color as background color. Set your Flash movie's frame rate to 38 and click ok.

Step 3
Call the current layer image 1. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4
Choose File > Import > Import to Library. In the file explorer window

that appears, find a four images and Shift-click to select them all. Then click open. If you now open your flash library (Ctrl+L key) you will see four images that you just imported.

Step 5
Using the Selection Tool (V) and drag and drop technique, move the first image from flash library on flash stage. After that, while the image is still selected, go to the Align Panel (Ctrl+K) and do the following:
1. Make sure that the Align/Distribute to Stage button is turned on,

2. Click on the Align horizontal center button and

3. Click the Align vertical center button.




Step 6
While the image is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.
pet-flash

Step 7
Click now on frame 20,60 and 80 and hit F6 key. While you're still on frame 80, select the Selection Tool (V) and click once on the image to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage.Then, select Filters tab from the left side. Click after that on the plus icon and select the Blur filter. Make the adjustments as follows:
animal-slideshow

Step 8
Go back on the first frame and repeat the previouse step!


Right-click anywhere on the gray area between frame 1 and 20 and frame 60 and 80 on the timeline and choose Create Motion Tween from the menu that appears.


Create a new layer above the layer image 1 and name it image 2.
Click on frame 70 of layer image 2 and hit F6 key.
While you're still on frame 70, move image 2 from the flash library on the flash stage.


While the image is still selected, repeat steps 5 and 6.
Click now on frame 90,130 and 150 and hit F6 key.
While you're still on frame 150, repeat step 7. Do this also for frame 70.
While you're still on frame 70, select the Selection Tool (V) and click once on the image to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. After that, On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

flash-slide-pet

Select again frame 150 and repeat the previouse step.
Step 9
Right-click anywhere on the gray area between frame 70 and 90 and frame 130 and 150 on the timeline and choose Create Motion Tween from the menu that appears.

Tuesday, January 05, 2010

XML thumbnails flash slideshow

Easy way to customize XML gallery, with thumbnails. The gallery can also display the pictures as a slideshow.and be used in webpage, Blogger, etc...

This tutorial is mainly about how to create XML slideshow with free XML template. Of course you should know something about XML, if so ,it is good, you will feel the tutorial is so easy. If not, we will introduce another flash image gallery creator for you. It need no XML skills and can make various free photo gallery easily.




The tutorial will include two parts:
How to make free XML gallery;
Make flash image gallery without XML skills ;

Step 1: Download free XML gallery template.

Click here to download free XML gallery template and unzip it. The package should include gallery folder, demo.html file, gallery.swf file, and images.XML file.
Open demo.html file or gallery.swf.file to see the original samples as below thumbnail:

xml slideshow gallery flash

Step 2: Add your digital photos to gallery folder.
Choose your favorite photos to add into gallery folder. You can delete or restore the original photos as you like. There is no quantity limitation for digital photos.

Step 3: Make thumbnail images for your digital photos.
From the above screenshot you can find there are small thumbnail images in the bottom, so you need to make thumbnail images for your digital photos too. It's size should be 70px*70px. Then add the thumbnail images to gallery folder.

Step 4: Edit XML file for adding digital photos.
Open images.XML file with a text editor, such as Dreamweaver MX. You will notice that all images are described with the following XML tags located between the <pic> and </pic> tags. You can place as many images as you want by copy and paste the content between the <pic> and </pic> tags. You just need to revise the red content according to your own requirements.

<pic>
<image>gallery/1.jpg </image>
<thumbnail>gallery/s1.jpg </thumbnail>
<caption>Some lamp on the ground </caption>
</pic>

Step 5: Upload your XML gallery on website.
Copy and past the following HTML code to your website, such as MySpace, Blogger. So long as your website support HTML code, you can put it anywhere as you like. Don't forget to revise the red URL blow to your own URL.


<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="264" width="550" data="http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf">
<param name="allowScriptAccess" value="never" />

<param name="allowNetworking" value="internal" />

<param name="movie" value="http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf" />

<param name="quality" value="high" />

</object>