| By Ranjan Datta | Article Rating: |
|
| June 15, 2005 10:00 AM EDT | Reads: |
13,019 |
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.
Published June 15, 2005 Reads 13,019
Copyright © 2005 SYS-CON Media, Inc. — All Rights Reserved.
Syndicated stories and blog feeds, all rights reserved by the author.
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.
![]() |
jgmleonard 07/04/05 01:06:07 AM EDT | |||
Article was not useful as the Image Viewer has never shown any images at all. Moreover, just reading Google Groups indicates that the Image Viewer has lots of other bugs. Don't waste space in the magazine on features that don't work. |
||||
- AJAX World RIA Conference & Expo Kicks Off in New York City
- Java Kicks Ruby on Rails in the Butt
- Ulitzer’s Amazing First 30 Days in Public Beta
- "Government IT Expo" to Highlight Cloud Computing and SOA
- Will Ulitzer Dominate News Content on The Web? -Gartner
- Clear Toolkit 4: The Road Map
- Creating Adobe AIR Native Menu with Flash CS4
- Menu Interaction in Adobe AIR
- The Darker Sides Of Cloud Computing: Security and Availability
- Ulitzer vs. Ning - a Quick Review
- AJAX World RIA Conference & Expo Kicks Off in New York City
- Creating PDF Documents from Flex Applications
- Java Kicks Ruby on Rails in the Butt
- WebORB Launched for Flex, Flash, AJAX and Silverlight
- Adobe Takes LiveCycle into the Cloud
- Ulitzer’s Amazing First 30 Days in Public Beta
- Adobe Creates a Sandbox in the Sky
- AJAX and RIA Market Is Heating Up: Sun CEO
- "Government IT Expo" to Highlight Cloud Computing and SOA
- Will Ulitzer Dominate News Content on The Web? -Gartner
- Cover Story: How to Increase the Frame Rates of Your Flash Movies
- AJAX World RIA Conference & Expo Kicks Off in New York City
- Your First Adobe Flex Application with a ColdFusion Backend
- Adobe Flex 2: Advanced DataGrid
- Adobe/Macromedia - Microsoft, Look Out!
- i-Technology Blog: Death-Knell For "Rich Media? Hardly!
- Adobe Flex Interface Customization - Themes, Styles, Skins
- Personal Branding Checklist
- How To Create a Photo Slide Show ...
- "Real-World Flex" by Adobe's Christophe Coenraets










































