Dreamweaver Resources - Home Dreamweaver Resources - Home
Web Page Templates Nav Bars &  Web Page Tempates Free Templates Dreamweaver Resources & Tools Ecommerce Software Search Engine Optimisation Dreamweaver Tutorials Books

Set text of Layer Behaviour - This is way cool - an experiment after reading a post by Murray on the DW Forum

This is how it is done as per Murrays' instructions:

Consider you have three links, each of which is to trigger three corresponding larger images (image1.jpg, image2,jpg, inage3.jpg) in the images folder (eg: /images/image1.jpg, etc).

Imagine also that your page had an absolutely positioned division (a Dreamweaver "layer") names imageLayer, placed on the page where you want the larger images to appear, but empty of content.

Now: select Link1 and apply the SetTextofLayer behaviour. Make sure that imageLayer is the chosen layer and then enter this code into the text area:

<img src=/images/image1.jpg width="350" height="480">

and press OK.

Repeat this process for image2.jpg and image3.jpg. You can use onClick or onMouseover for the event.

Works with rollover on an image as well. !!

Preview page - that's it!

Back to Tutorial Page