Forum Moderators: open

Message Too Old, No Replies

Dreamweaver Popup Menu

Inserting an image instead of text

         

sarah

6:06 pm on Jul 28, 2004 (gmt 0)

10+ Year Member



I am using Dreamweaver to make popup windows drop down when rolling over an image using the Show Pop-Up Menu behavior. But, it will only let me choose text and I want an image to pop-up instead. Is there a way to do this?

mattglet

9:46 pm on Jul 28, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You should look into free scripts that you can alter on HotScripts [hotscripts.com] or just alter the code that DreamWeaver creates. In the code, you'll see the different options. Next to the text, just put your image location i.e. <img src = "images/mypic.gif">

sarah

11:45 am on Jul 29, 2004 (gmt 0)

10+ Year Member



I can't just alter the code that Dreamweaver creates because it is creating a reference to a Javascript page. I don't know Javascript, so when I look at that code for that page I don't know how to insert an image for text.

BlobFisk

1:04 pm on Jul 29, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, Sarah!

Try searching for the text that you want to use as the drop down trigger and replace it with an img call as well.

Maybe you could post a short snippet of where the event is triggered?

Jumper Willow

8:21 am on Jul 30, 2004 (gmt 0)

10+ Year Member



I've been using dreamweaver for a little while now and I haven't come up on this feature before, where is it hidden? I still can't find it even after you have mentioned it....

limbo

2:34 pm on Jul 30, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Layer behaviors if I remember correctly, at least it was in DW4. Look in the behaviors panel.

contentmaster

8:33 am on Aug 2, 2004 (gmt 0)

10+ Year Member



Hi

Me too I havent found it either!...Sarah could you please tell us where we can find this feature. I am using dreamweaver 4....

sarah

2:33 pm on Aug 2, 2004 (gmt 0)

10+ Year Member



To find the feature you have to first insert an image on your page. Then, click on it to highlight it and from the panel on the right choose behaviors. If you don't have the panel on the right then go to View at the top of Dreamweaver and choose show panels. Under "behavior" click the + and a window should pop up. This window allows you to do a lot of different things. Choose Show Pop-up Menu. Then, you will prompted to enter text for the items you want. What this feature actually does is add a Javascript page to your code. So, when you post it on the server you need to add that new page too. My problem is that I want to insert an image--not just text.

mattglet

9:38 pm on Aug 2, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



sarah-

Instead of putting text in where it asks you... have you tried putting your image code?

i.e.
<img src = "images/something.gif">

Not sure if that works, but give it a shot.

Jumper Willow

9:57 pm on Aug 5, 2004 (gmt 0)

10+ Year Member



I've gone through the process of making a few menu's using the dreamweaver process, and to be honest, it's really much more hassle than it's worth to put the images into the menu instead of text.

The "quick n' dirty" way of doing it with just having <img src='image.gif'> instead of text in the javascript part only really deals with part of the problem. Dreamweaver is also adding some borders and other fancy stuff that works well with text, but with images, it's a little iffy.

I could look into it a little more, and i'm sure everyone else here with dreamweaver could as well, but honestly alot of the stuff that dreamweaver uses even other than this popup thing is just really specific and could honestly be done alot clearer for upgrading and maintenance sake (just look at all the 'nav bar' crap). Of course if you never changed or looked at the code, everything is pretty much acceptable, but as soon as you start doing any sort of code hacking, dreamweaver can start having fits and it'll just lead to other crap.

Short answer: Not a good idea for images if you're gonna just edit the code anyway, find something else.