YOUR FEEDBACK
wrote: Trackback Added: Who is Technology’s Highest Paid CEO?; Who is Technology&...


2008 East
DIAMOND SPONSOR:
Data Direct
Frontiers in Data Access: The Coming Wave in Data Services
PLATINUM SPONSORS:
Red Hat
The Opening of Virtualization
Intel
Virtualization – Path to Predictive Enterprise
Green Hills
IT Security in a Hostile World
JBoss / freedom oss
Practical SOA Approach
GOLD SPONSORS:
Software AG
The Art & Science of SOA: How Governance Enables Adoption
PlateSpin
Effective Planning for Virtual Infrastructure Growth
Fujitsu
Automated Business Process Discovery & Virtualization Service
Ceedo
Workspace Virtualization
Click For 2007 West
Event Webcasts

2008 East
PLATINUM SPONSORS:
Appcelerator
Think Fast: Accelerate AJAX Development with Appcelerator
GOLD SPONSORS:
DreamFace Interactive
The Ultimate Framework for Creating Personalized Web 2.0 Mashups
ICEsoft
AJAX and Social Computing for the Enterprise
Kaazing
Enterprise Comet: Real–Time, Real–Time, or Real–Time Web 2.0?
Nexaweb
Now Playing: Desktop Apps in the Browser!
Sun
jMaki as an AJAX Mashup Framework
POWER PANELS:
The Business Value
of RIAs
What Lies Beyond AJAX?
KEYNOTES:
Douglas Crockford
Can We Fix the Web?
Anthony Franco
2008: The Year of the RIA
Click For 2007 Event Webcasts
SYS-CON.TV
MXDJ TOP LINKS YOU MUST CLICK ON !


Using Image Viewer Flash Element
Adding Flash content to your page quickly from within Dreamweaver

Flash Elements were introduced in Dreamweaver MX 2004. Flash Elements allow you to quickly add Flash content to your page from within Dreamweaver. Currently the only flash element that comes packaged with Dreamweaver is the Image Viewer. The Image Viewer quickly assembles a highly customizable album. This tutorial will show you how.

First Things First
First, define a web site. If you don't know how to define a site.. Check the Dreamweaver MX help files. To do this go to HELP/GETTING STARTED AND TUTORIALS click the CONTENTS tab and choose "Quick Site Setup" and read the section titled "Define a Dreamweaver site". This is required to handle the image paths better. Open a New Document (Crtl+N). Change your Insert bar to 'Flash Elements' as shown below.

You would now see the Image Viewer Icon on the Insert Bar. When you click on the icon, you are prompted to save the Flash file. Name your file and save it.

You will see the swf inserted in Dreamweaver. Also you will see the property inspector for the Image Viewer.

Click the Play Button to see the image viewer. You will notice that since we have not specified our images, the image viewer currently shows only the navigation elements.

Let us now specify our images. To do so open your "Tag Inspector (F9)"

To specify your images click the edit icon on imageURLs. Click the folder icon to browse to your images one by one. Click the +/- icons to add or remove an image.

You may want to link the Images to a URL. Click the edit icon on imageLinks.

You can either browse to a link within your site of specify an absolute URL.

You may also add captions by clicking the edit icon on imageCaptions.

Since our images are 335 x 600 px, We can specify the width and height of our flash element add some space for borders and frames in the Properties Inspector. Since our images are 335 x 600 px, We can specify the width and height of our flash element add some space for borders and frames in the Properties Inspector.

Spice It Up
You can spice up the image viewer as follows:

Background Color
Select a color using the color picker on bgColor

Captions
captionColor, captionFont, captionSize style your captions

Frame
To show a frame around your image viewer select frameShow as 'Yes', frameColor and frameThickness further style the frame.

Transitions
Select a transitionsType from the drop down

Title
title, titleColor, titleFont, titleSize style the title of your Image show

Controls
showControls will show or hide controls, slideAutoPlay, slideDelay and slideLoop will further control the way your image viewer behaves.

About Ranjan Datta
Ranjan Datta is a Mechanical Engineer by qualification. He took to the Internet in 1998 and has been using Dreamweaver since version 3.0. He has written online tutorials and has also created an impressive array of Dreamweaver extensions. You can find out more about his work by visiting his web site at www.dreamlettes.net.

LATEST FLEX STORIES & POSTS
Rich Internet Applications offer the potential to fundamentally change the user experience and in doing so, yield significant business benefits. The theme of this October's AJAXWorld Conference & Expo 2008 West is 'Beyond AJAX to the RIA Era' and the Call for Papers, which is still ope...
Two of the biggest launches in Rich Internet Application history took place in 2007/2008 when Adobe launched AIR 1.0 in February '08 and Microsoft launched Silverlight (September '07). At the 6th International AJAXWorld RIA Conference & Expo in October SYS-CON Events is delighted to be...
Red Hat CTO Brian Stevens, Citrix CTO Simon Crosby, Egenera CTO Pete Manca, Allen Stewart, Group Manager, Windows Virtualization at Microsoft, and Brian Duckering, Sr. Director of Products and Alliances at Symantec were the top industry executives who joined Jeremy Geelan in the 4th Fl...
I have recently released a new benchmark called GUIMark. GUIMark is kinda like an Acid3 test on speed that’s geared towards RIA technologies. The goal was to figure out how to implement a reference design in different runtimes and then benchmark how smoothly that design could be anim...
Clear Toolkit 3.0 is a set of components, code generators, and plugins created by software engineers of Farata Systems that they were using internally in multiple Flex enterprise projects. This toolkit will be available free of charge.
Mike Neil is general manager for virtualization strategy in the Windows Server Division at Microsoft. Mike is focused on the delivery of the Windows virtualization technology, including Windows Server 2008 Hyper-V, Microsoft Hyper-V Server and Virtual PC 2007. Mike also directs the tec...
SUBSCRIBE TO THE WORLD'S MOST POWERFUL NEWSLETTERS
SUBSCRIBE TO OUR RSS FEEDS & GET YOUR SYS-CON NEWS LIVE!
Click to Add our RSS Feeds to the Service of Your Choice:
Google Reader or Homepage Add to My Yahoo! Subscribe with Bloglines Subscribe in NewsGator Online
myFeedster Add to My AOL Subscribe in Rojo Add 'Hugg' to Newsburst from CNET News.com Kinja Digest View Additional SYS-CON Feeds
Publish Your Article! Please send it to editorial(at)sys-con.com!

Advertise on this site! Contact advertising(at)sys-con.com! 201 802-3021


SYS-CON FEATURED WHITEPAPERS

ADS BY GOOGLE