Clickable/Rollover Hotspot on Graphic

Description: Graphics with clickable or rollover hotspots that trigger an action like a popup with more indepth information, or the movement of a carousel to the next slide.

Type: Integrated

Keywords: hotspot, marker, pin, fancybox, popup, modal, click, rollover, hover

Technologies: jQuery v1.11.1, jQuery.rwdImageMaps plugin v1.5, Fancybox v2.1.5

Accessibility notes: --

Developer notes:

• This plugin let's us create responsive <map> tags, but it requires jQuery v1.11.1 or older, so downgrading the version of jQuery may be necessary.

• When creating an image map, you must define the width and height attributes in the <img> tag

Examples

Lesson	Link
Streamgage Basics: Controls	See on deved →
Satellite Applications for Marine Fog	See on deved →
National Water Model FIM Services	See on deved →
Basic Climate Analysis Using the CM SAF R Toolbox	See on deved →
Forecasters’ Overview of the Middle East	See on deved →
Multispectral Satellite Applications: RGB Products Explained	See on deved →
Snowpack and Its Assessment	See on deved →
Blowing Snow: Baker Lake, Nunavut, Canada 04-10 February 2003	See on deved →
Polar Lows Ungava Bay 01 December 2000	See on deved →