Hello everyone - grateful for any suggestions about stacks that will help with the following. Using Rapidweaver Classic 9.2.1 and have over 1k stacks from BWD, JW, S4S, 1LD… this has been already posted where the incredible Erwin Leerentveld rapidly replied!
Outline
I want to create an interactive graphic with hover over points. The hover points will then trigger the display of information about the point - classic Header, Image, Body text with hyperlinks. I want to take the code and embed it in an iframe in another existing page.
Layout
I was thinking of a two column layout with the main graphic in column 1 and the pop up content from any of the triggered points would be displayed in column 2 as you hover over a point on the graphic.
Stacks
I am experimenting with the Points 2 stack from the ever-prolific Joe Workman. I have six points, all with a different ID and was thinking of integrating them with the Foundation Dropdown stack. I also have Hoverbox 4, Jack Hover, Limelight and PopDrop from BWD.
Questions
Am I using the cleanest approach with a suitable combination of stacks?
How do I ensure that no content is displayed (or maybe a generic graphic) in column 2 if there is no hover (eg inactive state)?
How do I trigger the points to display content in column 2 when they are hovered over? (Erwin has already given me some invaluable guidance about using CSS.)
Advanced Question
- I would love to have each segment of the graphic to be pale and change colour on mouse over at the same time as the above. I already have the graphics as png. Is there a stack that would allow me to do this- given the fact that each segment is an unusual shape? Would each graphic be on a different layer…?
I did all of this many years ago as a disjointed rollover in Dreamweaver but have no idea how to do this in Rapidweaver. I am not a CSS person at all btw- just a drag and drop kind of person, but happy to follow any suggestions.