Book Image

Joomla! with Flash

Book Image

Joomla! with Flash

Overview of this book

You can build any kind of web site using Joomla! The look and feel of Joomla! web sites can largely be customized using the many templates, components, modules and plug-ins available. With all these features, ease of administration, and options for customization, sometimes you may think of integrating other technologies such as Flash with it. This is because Flash provides great animation features that are otherwise not available in Joomla! This book shows how to integrate Flash into Joomla! You will learn how to add the various functionalities provided by Flash and make your site stunning, visually rich, and interactive. The book covers topics like flash headers, menus, displaying and maintaining flash movies, slide shows, animation, interactivity, and more. Installation and use of Joomla! modules like Flash, Joomla Random Flash, Active, and Handy SWF Flash module are covered too. The book introduces Joomla! and Flash and briefly shows the benefits of using Flash in Joomla!. It shows you how to add Flash objects in Joomla! articles and modules, build Flash-based menus, create Flash-based photo galleries, interactive maps, and charts. It also shows you how to display content in custom fonts, create a streaming media site, customize the Joomla! template to display Flash logos, headers and banners, and use Joomla! content in Flash objects. Finally the book covers troubleshooting Joomla! and its extensions. At the end of the book an appendix lists resources on Joomla!, Flash, and related extensions, to help you find more information.
Table of Contents (15 chapters)
Joomla! with Flash
Credits
About the Author
Acknowledgement
About the Reviewers
Preface

Using Flash logos


A logo is a special graphic displayed at a specific position on the Joomla! template. You can replace the ordinary image with Flash-animated logos by embedding it in that position. As we have seen earlier, Flash objects are embedded in Joomla! templates using the <object> </object> XHTML element. For styling purposes, you may put this element under a<div> element, as shown in the following code:

<div id="logo">
<object type="application/x-shockwave-flash" data="/templates/mx_joofree2/images/logo.swf" width="200" height="200">
<param name="movie" value="/templates/mx_joofree2/images/logo.swf">
</object>
</div>

As you can see, the <object> </object> tag can contain child elements. We pass parameters to the Flash objects using the <param> element. For example, we have passed the name of a movie file using the highlighted tag in the previous code.

Note

Some of you may already know about the SWFObject JavaScript...