Layer Genie Manual FAQs Support

Create fantastic cascading menus with amazing special effects! This set of behaviors will make it all possible. Your layers and menus will come ALIVE with superb animations and special effects.

Now you can concentrate on the layout design of your pages and create fantastic designs without worrying about different browsers and difficult programming.

DISCONTINUED

Advertisement - Advanced Tooltips

Create Rich Media Tooltips, provide online help, zoom in to images display rich content and tips with just a few clicks.

Customize the display of the tooltips, including the style, color and position. Apply rich designs, include and auto-fit photos, slideshows, movies, alerts or other content in your tooltips.

Apply special transition effects such as fade, slide and fly effects for a staggering user experience and place your tooltips anywhere you like on your site.

Benefit from the special discount and get Advanced Tooltips for only €69 until July 2nd.

Get it now read more

$77.00

Overview

What can you do with Layer Genie

  • build (multi-level) dropdown/flyout menus - see demo >>
  • build slideshows with advanced transition effects from one slide to the next
  • display visual elements on your page with animated display and/or hide effect

Major features of Layer Genie

Create (animated) dropdown menus with submenus

Create layer-based menus with cascading menus - see demo >>

  • Specify if a menu layer has a parent or child relationship.
  • Make groups of menu layers and when showing one layer, the other layers in that group will automatically be hidden.
  • Automatically hide a menu layer when the user moves the mouse off the layer.

Dynamic Positioning

Are you using a liquid layout? The (menu) layers can be anchored to the document, window/frame or another object, eg. a layer, an image or a named A tag and will always follow this object, no matter what size the browser is.

This means that when the object moves, the layer will stick to the object and move with it.


Animated Display Effects

To display layers you can choose between:

  • Static: The layer will be made visible at the position you specified
  • Sliding: The layer will 'slide' into position from a predefined starting position. The speed of sliding is adjustable to your needs.
  • Unfolding: The layer will 'unfold' itself at the target position. Unfolding can be either horizontal (from left to right, or right to left), vertical (from top to bottom, or bottom to top) or diagonal in several directions.
  • Transition effects: The layer can be displayed using an transition effect like random display or checkerboard. IE4+ on PC only. NS6+ supports the 'Fade in' transition. All other browsers will just use the static option to show the layer.


Animated Hide Effects

To hide layers you can choose between:

  • Static hide: The visibility of the layer is just set to 'hidden'
  • Reversed Display Type: The layer will use the opposite effect of the display. For example: Did you use the horizontal left to right sliding for display, the layer will now slide from right to left.
  • Folding: The layer 'folds' itself at the target position. The folding can be either horizontal, vertical or diagonal in several directions.
  • Transition effects: The layer is hidden using a transition effect like fade out or circle in. IE4+ on PC only. NS6+ supports the 'Fade out' transition. All other browsers will just use the static hide option.

Create a slideshow with the timeline feature

Use the built in timeline feature of Dreamweaver to create a layer-based slideshow. Use the animated display and hide effects like folding or sliding that come with the Layer Genie extension for transition effects between the slides.

Exceptional Compatibility

Layer Genie is tested to be compatible with all major browsers:

  • PC: IE5+, NS4.x, NS6.2+, Opera6+, and Mozilla1+.
  • Macintosh: IE5+, NS4.7, NS7.0, Opera6, and Safari

The special display effects are supported by most browsers. If an effect is not supported in a specific browser, it will not result in errors. The static show/hide will then automatically be used.

Full Macintosh Support

As you can see we now offer a superb AQUA interface for OSX! Also the extension is tested and works well on all Mac browsers (see above)

Requirements

Type: Behavior
Product: Dreamweaver 4, Dreamweaver MX, UltraDev 4, Dreamweaver 4.01, Dreamweaver MX 2004, Dreamweaver 7, Dreamweaver 8
Platform: Win XP/2000/2003/2008/7, Mac OS 8.6 or higher
Browser: All

Marja Ribbers-de Vroed

Marja Ribbers-de VroedWell, what's there to tell?

I worked as a software engineer for a well-known Dutch software company for about 10 years. But then I decided I did not want to work there anymore.
Since then, I've been working with my husband in our own company.

I "discovered" web development early 2000, and I soon found out that I could actually create my own extra (DHTML) features in Dreamweaver by building custom extensions.
My first extension was Cross-browser AutoScroller, but I've developed several other ones since then.

See All Postings From Marja Ribbers-de Vroed >>

Reviews

Great Tool

February 6, 2003 by James Threadgill

I’ve just finished looking at the new Layer Genie extension by Marja Ribbers and George Petrov. I spent hours creating the layered menu on my site, www.ebconcepts.com, and found creating the nested flyout menu a formidable task with countless revisions of source code to achieve cross browser compatibility. Not so with Layer Genie! This handy tool is the answer to quickly and easily creating custom layer effects of all kinds. In fact, it’s so good I don’t know whether to praise or denounce the DMX Zone team for coming up with an extension that makes it so easy. Now anyone can create a custom cascading layers menu like mine in a matter of minutes and never look at the source code! Now what will I do to impress?

Easy Animation

February 6, 2003 by Matthew David

I started developing web sites way back in '95. This makes me about 500 years old in the business. I remember when Microsoft's Internet Explorer 4 came out. There were all these cool transitions you can apply to DHTML Layers. The only challenge was that the transitions did not work with any other web browser.

It is now many years later and each web browser, Netscape, IE and Opera, support DHMTL Transitions is one format or another. The problem now is that many of the browsers handle transitions differently. This makes for a lot of JavaScript and CSS code.

Now, with the release of Layer Genie I have a very easy tool that does this for me. Layer Genie sits in the Behaviors Panel and works and operates exactly like any standard Behavior. All you have to do is place a DHTML Layer onto the page, add your content and apply whichever effect you want. The effect can be a simple swipe transition, a fade in or a drop shadow.

Layer Genie is a great time saver. It also gives you the power to add animation effects to your web pages without having to resort to either complex JavaScript coding of Macromedia's Flash.

Layer Genie Review

February 6, 2003 by Spencer er Steel


You know how it is ... your client thinks they want 'a Flash site' - but they want to keep all that dynamic content - and they want it NOW! And you're holding your head in your hands as you try to explain the limitations, the cost and the time ...

Whereas nine times out of ten, all your client really needs is this extension and a little imagination to make their site eye-catching impressive, whilst keeping all the functionality and code you've worked so hard on.

What DXMZone have managed to do here is a piece together a number of equally impressive DHTML behaviours in one suite - all guaranteed to 'WOW' your client in a few seconds and save you a heap of time on the 'presentation' whilst you concentrate on the really important stuff!

As usual, installation is a breeze and the suite of behaviours are excellently signposted within Dreamweaver MX. Once up and running, you'll want to start playing - and there's a lot to play with in here! Just creating one simple layer with an image or text in and firing off the behaviour gives you a huge amount of options ... you can do a simple slide to anywhere from anywhere in any direction, make it unfold, hide, pop back up - in fact, you'll waste hours just messing around with the options and watching the results - I know I have!

Once up to speed with the basics, you'll realise how to group layers together to create cascading menu effects and others visually impressive tricks.

In fact, you'll be using this tool a lot for your menus - as you've got everything to create some beautiful cascading menus, which will definitely impress. For the more technically minded - how about creating your menus from a datasource and let Layer Genie to the rest with its effects!

Needless to say, I'm impressed. If you are a novice web developer looking to spice up your site, or working on many clients’ sites and needing to Wow them - quickly - I cannot recommend this enough. It will soon pay for itself...

Have fun

Spencer Steel

Awesome

February 10, 2003 by gordon mackay

I am a total Dreamweaver novice, but thanks to extensions like this one, which has the user of all abilities considered in the design, helps me to create professional results. Layer Genie adds a wide range of effects to any page and does it without being over the top in terms of wistles and bells. Keeps it tasteful.

So, I end by saying that this is my most significant purchase aside from Dreamweaver itself.

Thanks

See all 11 Reviews

You must me logged in to write a review.