Friday, February 26, 2010

flash embedded in html


Flash Embedded in HTML

After creating a Flash Album you need to embed the Flash movie into an HTML page, you should go back to your Flash program and do the following steps:
Open the HTML page where you want to insert your Html Photo Gallery. Insert this code:

<object width="550" height="400">
<param name="movie" value="somefilename.swf">
<embed src="somefilename.swf" width="550" height="400">
</embed>
</object>

Note: This is the minimum code you need to embed a Flash movie in a browser. A broken icon will appear on the Web page if the user does not have the Flash plug-in installed.

Note: In the code above there is both an <embed> tag and an <object> tag. This is because the <object> tag is recognized by Internet Explorer, and Netscape recognizes the <embed> tag and ignores the <object> tag.
 

Step 5
Type in the address of the HTML file in your browser and look at your first Flash movie.

Let the Flash Slideshow Maker do the Work

 
The code above is the absolute minimum code to embed Flash movies in HTML pages. It is not recommended to use the minimum code. There should be a few more attributes added:

  • classid is an attribute to the <object> tag. It tells Internet Explorer to load the ActiveX plug-in if it is not installed
  • pluginspage is an attribute to the <embed> tag. It displays a link to the Shockwave download page if Netscape does not have it 
The Flash program can add these attributes for you:

Step 1
Flash Image Scroller will create the <object>, <param>, and <embed> tags for you. It will also create the classid and pluginspage attributes.

Step 2
Open the HTML document that Flash created, view the HTML source and copy the code into your HTML page where you want your Flash movie.

Step 3
Be sure that you have the "somefilename.swf" in your Web folder.

Step 4
Type in the address of the HTML file in your browser and look at your first Flash movie.

Related Tutorials:
XML Slideshow
Free Flash Banner Tutorial
Flash Slideshow Tutorial
Flash 3D Carousel
Flash Image Gallery
Flash Image Rotator

Sunday, February 07, 2010

html flash photo gallery slideshow

How to create a flash photo gallery and output with HTML code for website? This tutorial will not teach you how to program HTML or XML to make html photo gallery but introduce to you the best html photo gallery software which can create html photo gallery automatically in minutes. That is Wondershare Flash Gallery Factory .
Summer Vacation photo gallery with custom background



 
The reasons why choose Wondershare Flash Gallery Factory are:
Providing 60+ free html photo gallery templates and 18 free flash preloader;
Various output formats including HTML, SWF, EXE, Screensaver, etc and easy to upload online;
Including both auto and manual displaying and play-pause-previous-next button;
Easy to use, all processes are automatically and instantly.
watch html photo gallery sample created by Flash Gallery Factory to get start now!

Step 1: Install html photo gallery software.
Install your downloaded html photo gallery software first, and then run it. You may find that the software includes Gallery and Slideshow two modes, and both modes have html outputting format. Here I choose Gallery Mode.

Step 2: Import digital images and background music.
The program will go to "Browse" tab by default .Click "Add photo" build in button or just drag the photos into storyboard directly to add your digital photos. Then click "Add music" build in button to add background music for your html photo gallery if you want.

Add photos and music

Step 3: Select free html photo template.

Flash Gallery Factory provides 60+ free html photo gallery templates .You can select your favorite one. You can also custom background color and images for your selected template. See below thumbnail to get more info:

Select free html photo gallery template


Step 4: Preview and save flash photo gallery as html format.

Preview your html photo gallery by click the start button in the bottom of the right screen. If you are satisfied with your work, publish it to HTML format. Then your html photo gallery is created. You can also publish it in swf, exe, or screensaver formats, and even can mail the photo gallery to your friends directly as a gift.

Publish html format photo gallery


Step 5: Embed the html photo gallery on website.
Upload the created SWF file and HTML file to your host and revise the SWF file's address in red color below to the real address. Then you will see the html photo gallery on web page.

<body bgcolor="#FFFFFF" onLoad="javascript: sf.focus()">
<table width=100% height=100%>
<tr>
<td>
<center>
<script language="javascript">
callFlash('test.swf');
</script>
</center>
</td>
</tr>
</table>
</body>

Or you can use this HTML code and revise the red SWF file address to your real address. The html photo gallery 's size can also be revised by change the red number "264" and "550".

<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>

Done, you see, in minutes, the html photo gallery was created. Watch the html photo gallery sample below I embed on this web page and get inspired.

Tips:
1. Digital image and music displaying time can be set by double click on the image in storyboard and edit in pop-up window;
2. Hyperlinks and text can be added by double click on the image in storyboard and edit in pop-up window.
3. There are 18 free flash preloaders included, click "Add Accessories" to set preloader .

Wednesday, February 03, 2010

create favicon ico file flash swf

How to create a favicon ico file
Favicon is short for 'Favorite Icon.' A Favicon is a multi-resolution image included on nearly all professional developed sites. In most browsers the Favicon ICO file is displayed on the Address line, in the Favorites menu or next to the page title in a tabbed document browsing. The Favicon allows the webmaster to give a personal touch to their website, and to create a more customized appearance within a visitor's browser. Often, the Favicon reflects the look and feel of the web site or the organization's logo matching its colors and general feel.
Every webmaster should always create favicons for everysite they are building. It is consider an act of professionalism and it also gives a personal touch to one's website.

The favicon file is very small in size (16x16 pixels) and should contain some small text or image. Webmasters usualy use the website's logo or its main name.

To start of I am going to present several ways in witch one can create favicons.

Easy to use on-line favicon generator

In my search for a favicon generator I found several ways/methods of building/creating one. The fastest one is building a text favicon.

This website antifavicon offers a really nice and fast way for creating a really simple favicon. You only need to enter small text, chose your colors and the software creates your favicon on the fly. This is one route you can use and it is very fast and easy to use.

Create a favicon using your favorite graphics software

Lets asume you want to make your favicon special and not use the online generation tool.

All you need to do is fire up your favorite graphics software and start working.

Remember the favicon is really small, only 16x16pixels, and i dont think anyone can decently create something on that size. So to make things a bit easy you should start of by creating a document lets say 64x64pixels. I am using 64 becouse its a multiple of 16. You should work with whatever size your are comfterbul with, but that has to be a multiple of 16. Now that you have created your main image for the favicon you should scale it down to 16x16 px. If that doesnt look good (ie. blurry) you should go back, edit and size down again.

Now you should save your file in a PNG format. Just chose File>Save As and then selected the PNG format from the extensions list.



If you are using Photoshop in creating the favicon you must know that there is a special plugin that allows you to save files in direct ICO format from Photoshop; download the plugin.

Be advised that for this to work you have to load the plugin into Photoshop, restart it and then open the file you just created and save it in the ICO format naming it favicon.ico

Convert image to ICO format online

For all i know you could also be using Paint to create your favicon so lets asume you dont have Photoshop and the special plugin. There are a bunch of online tools that let you upload a PNG file and convert it to a ICO file.

Icon sushi is an online image to icon converter that supports the mask editor and the creation of Windows XP 32bit/Windows Vista format icons. It can also convert icon files to image files if anyone finds that helpfull.

Convert image to ICO format with software

If for exampe you need more control over the way your files are converted you should install proper software that those the converting onsite and you can manage it more accurately.

I have compiled a small list of the most popular and used software applications used for creating a FAVICON.

IrfanView is a very fast, small, compact and innovative FREEWARE (for non-commercial use) graphic viewer for Windows.

MovieGear is also used for creating animated GIF files that can also translate to animated FAVICONs.

How to use a favicon in your site

Now that you have created your final favicon.ico file you should add it to your sites functionality.

The original way of defining a favicon was by placing it in the root directory of your site. Later a more flexible system was created, using HTML, it is now possible to indicate the location of an icon for any given page. This is achieved using the link element in <head> the section of the document.

<link rel="shortcut icon" href="/favicon.ico" />

Convert image to swf flash with flash slideshow maker

In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the .ico format, other browsers now also support the GIF and PNG image formats.

So now all you have to do is upload the favicon.ico file on your webserver and add the HTML code posted up in the <head> section of your site. Note that you could also use PNG or GIF formats for your favicon but ICO is a standard format accepted by all browsers. Also note that you can also specify the location of the favicon but the standard is keeping it in your website root directory.
By the same time, you could also create flash photo gallery, 3D flash gallery, flash banner, flash album and upload it to MySpace, Blogger, LiveSpace, WorldPress, LiveJournal, and all social websites and blogs with Flash gallery software which support output swf or xml files.
To embed the Flash SWF to your Blogger post,just 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>