| | |
Dreamweaver Graphic enlargment during a mouseover
Please support our Graphics and Multimedia advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Mar 2004
Posts: 1,620
Reputation:
Solved Threads: 51
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 
Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds

Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds
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
- 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
| Thread Tools | Search this Thread |
3d 10 actionscript3 adobe adobeacrobat adobereader air ajax amazon amf apple button cart childprotection cloud dashboard dell design dojofoundation dreamweaver ebay eclipse ecommerce elasticcomputecloud embed endorsement extra family flash flash-develop flashlite flex free harddrive iamthwee ibm illustrator imflash intel interactivemap javafx javascript laptop legal map micron microsoft mobile monitoringsoftware moonlight multimedia myspace nand news novell panorama pdf pedophiles photoshop photosynth php safety sandisk security shopping silverlight solidstatedrive sproutcore ssd streaming swf table ukmap unload unwanted video vulnerability web white.space xml zend zephyr zeroday






