MetEd
  • Process Documentation
  • Lesson Development
  • Interactions Catalog
  • Tools
  • Introduction
  • Comet Developed
    • Calculators
      • Space Jumper Gravity Calculator
      • Pressure Gradient Force
      • Shallow Water Wave Calculator
      • Nighttime Radiation and Cooling Rates Calculator
      • Froude Number Calculator
      • Phase and Amplitude Interaction
      • Ocean Sound Speed Calculator
      • Gap Wind Calculator
      • Freezing Spray Calculator
    • Data Display
      • Dynamic Comparison Slider
      • Dynamic Charts using amCharts
      • Map with Image/Looper Overlay Toggle
      • Advanced Tabbed Loopers with frame sync
      • MCS Matrix
      • CS Matrix
      • Four Panel Looper Viewer
      • Clickable/Rollover Hotspot on Graphic
      • Checkboxes with Running Tally
      • Cims Single Panel Looper
      • Rollovers
      • User Notes with Local Storage
      • Multi-layer Drawing Exercise
    • Lesson Navigation
      • Lesson Progress Completion Tracking
      • Lesson Navigation with Single Page Return
      • Webcast Course with Single Page Return and FAQs
      • Visual Feedback of Video Completion
    • Question Variants
      • Local Storage Data Recall
      • Practice Drills
      • Map location Check Exercise
      • Branching Simulation
      • Jeopardy Game
      • Selectable Question with Validation Check
      • Dropdown Select Question with Image Preview
      • Vertical sliders with stop-values
      • Pin or object placement on image with feedback grid
      • Timeline Carousel with Tabs and Questions
      • Data and Message Building with Customized Feedback
      • Risk Matrix/Table Question
      • Input Questions with Customized Feedback
      • Card Flip Exercise
      • Question with Validation Check
      • Photo Quiz
      • Combined Drag and Draw Interaction with Background Toggle
      • Drag Interaction with Numbered Drag Elements
      • Show After Question Series with Custom Feedback
      • Embedded iFrame React App with Two-Way iFrame-Browser Communication
      • Question Series in Tabs
      • Drag & Drop Interaction with Scalable and Rotatable Transparent Overlay
    • Simulations
      • Roulette Interaction
      • Inside a Storm
      • Aim a Hurricane
      • Interactive Skew-T/Log-P Diagram
      • Hurricane Bowling Probability Game
      • Virtual Streamgage
      • Divergence & Vorticity Widget
      • Quasi-geostrophic Omega Equation Widget
  • Using 3rd Party Software
    • Articulate Storyline 360 Software
    • EdPuzzle - Interactive Videos
    • Observable Data Vis Repository
    • Sketchfab 3D Model Viewer
    • Unity 3D Game Engine
    • YouTube
  • Standalone Web Apps
    • COMET / NGS - Video Webinar Platform
    • SciEd Interactions - The Very Simple Climate Model
    • SciEd Interactions - Make a Hurricane
    • SciEd Interactions - Forecast a Hurricane
    • SciEd Interactions - Create a Snowstorm
    • SciEd Interactions - Climate Sensitivity Calculator
Powered by GitBook
On this page
Edit on GitHub
  1. Comet Developed
  2. Data Display

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

Satellite Applications for Marine Fog

National Water Model FIM Services

Basic Climate Analysis Using the CM SAF R Toolbox

Forecasters’ Overview of the Middle East

Multispectral Satellite Applications: RGB Products Explained

Snowpack and Its Assessment

Blowing Snow: Baker Lake, Nunavut, Canada 04-10 February 2003

Polar Lows Ungava Bay 01 December 2000

PreviousFour Panel Looper ViewerNextCheckboxes with Running Tally

Last updated 6 months ago

See on deved →
See on deved →
See on deved →
See on deved →
See on deved →
See on deved →
See on deved →
See on deved →
See on deved →