I have created my banner and footer images in Fireworks CS6. In both I have included logos for Facebook, Better Business Bureau, and so on. In Fireworks I have applied hotspots on the logos for interactivity. When I export to Fluid Grid layout in DW CS6 the hotspots do not scale and stay attached to the logo when moving to the different media sizes. Has anyone mastered this or is this a no go? I appreciate your advice.
I haven't looked into this myself, but here's a discussion on the subject with several suggestions, including a "Responsive Image Maps jQuery Plugin" by Fireworks developer Matt Stow:
In the future, you might want to look at a more standards-based method for structuring the HTML. If the links are for discrete logos, they could be separate from the banner/footer images, without the need for an image map.
I did use stowball's plug-in and it did indeed fix it. But now my lightbox has stopped working. Ugh!
Could there be a conflict of jqueries?
If anyone out has a moment to check my code I would appreciate it. I have audit my code for hours along with rebuilding the whole lightbox with no resolve. I truly feel its a script conflict but can't see it.
Happy Easter to all.
Funny I have created my own Easter code hunt.
Hey I've encountered the 'conflicting jQuery' problem before and found a few solutions:
1) First would be to toggle the order they appear in the html in the head at or at the bottom .. surprisingly simple and sometimes works.
2) Second solution is a little more involved (basically replacing '$' with 'jQuery')' but still easy, documented here:
3) And I wrote another post entitled 'Making Slimbox Work With Image Maps' .. not exactly what you're looking for but could be useful, documented here: