PDA

View Full Version : Image slide in with hostspot links


Horvath
12-29-2011, 03:54 PM
When click on a image, I would like another menu image to slide in and have hotspot links on it to other parts of the website.

Something like the image attached.

Can anyone point me in the correct direction, Or a better way to do this other then Flash.

The Client wants no Flash on the website.
I have all my graphics made, just trying to make the Sub-Menu Slide in with Click-able links.


http://lakesregiondigital.com/misc/Website2.jpg

Horvath
12-29-2011, 03:58 PM
http://lakesregiondigital.com/misc/PORTFOLIO.png
http://lakesregiondigital.com/misc/web-sub-port.png

gentleone
12-29-2011, 09:11 PM
You can use Javascript for this such as this one:
http://www.dhtmlgoodies.com/scripts/dhtmlgoodies-slide-out-menu/dhtmlgoodies-slide-out-menu.html

Or with CSS3 transitions like this one:
http://www.cssplay.co.uk/menus/ipad-flyout-slide.html

With both options you'll have to work in code view. I don't know of any DW extensions that can do this too. Perhaps someone else.

Horvath
12-29-2011, 09:20 PM
Hmm I like the ideas..

Think you can add image an actual image to slide ?

gentleone
12-29-2011, 09:27 PM
Think you can add image an actual image to slide ?
Yes, but I'd suggest to step away from this whole hotspot idea. For both options you will need to construct a menu out of an unordered list (ul) which is actually the only recommended way to code a menu.

Corrosive
12-30-2011, 07:39 AM
It looks like you are planning to make your whole website out of images... Please don't. You need HTML text to make a meaningful website. Starting with what Gentleone said about an unordered list for navigation.

domedia
12-30-2011, 01:34 PM
Hmm I like the ideas..
They're actually more like (almost) industry standards. If you think you're ready to jump into this with both feet, we're here to help :)