Dreamweaver Graphic enlargment during a mouseover
Please support our Graphics and Multimedia advertiser: Programming Forums
![]() |
Hello,
I have been asked to create a webpage that features pagers for a pager company. The pagers are small icons, maybe 100 x 100 pixels or so.
What he wants me to do now is when the user runs the mouse over the graphic, he would like the graphic to enlarge, such as 200 x 200, similar to what OS X does when the user brings their mouse down to the toolbar, and the system enlarges the icon. He wants me to stick the phone number of the company inside the pager's output screen, and people to see it when the icon grows.
Not my idea, but I am just the techie, right?
I am using Dreamweaver MX on OS X.
Thanks,
Christian
I have been asked to create a webpage that features pagers for a pager company. The pagers are small icons, maybe 100 x 100 pixels or so.
What he wants me to do now is when the user runs the mouse over the graphic, he would like the graphic to enlarge, such as 200 x 200, similar to what OS X does when the user brings their mouse down to the toolbar, and the system enlarges the icon. He wants me to stick the phone number of the company inside the pager's output screen, and people to see it when the icon grows.
Not my idea, but I am just the techie, right?
I am using Dreamweaver MX on OS X.
Thanks,
Christian
There are two ways to do this, and both involve a little JavaScript. The first way is to have two images - a thumbnail size and a large size - and use JS to swap between them. The second way is to use JS to resize one image - this produces worse results.
I don't know how to do it from Dreamweaver MX 2004, but from the original DW MX, it's very easy. Simply go to the Insert menu and select Interactive Images and then Rollover Image. Enter the filenames of the small thumbnail image and the larger version. Tada!
I don't know how to do it from Dreamweaver MX 2004, but from the original DW MX, it's very easy. Simply go to the Insert menu and select Interactive Images and then Rollover Image. Enter the filenames of the small thumbnail image and the larger version. Tada!
Dani the Computer Science Gal
One way to do it would be to make an animated gif as the mouseover image. I could make gifs for you if there aren't too many of them. Just be sure of the size though, wouldn't want to do it twice
![]() |
Similar Threads
Other Threads in the Graphics and Multimedia Forum
- Dreamweaver help- how to mouseover images (Graphics and Multimedia)
- Help with dreamweaver (Graphics and Multimedia)
Other Threads in the Graphics and Multimedia Forum
- Previous Thread: Saving presentation in Powerpoint
- Next Thread: web photo help
•
•
•
•
Views: 6130 | Replies: 6 | Currently Viewing: 1 (0 members and 1 guests)






Linear Mode