Responsive Image Hotspots Creator

Responsive Jquery Tooltip with Valid HTML5 and CSS3 | Smarter Code for Faster Development | Responsive & Interactive Web designs

"The First Fully Responsive ToolTip Bundle with 12 Positions, Customizable Color Presets
Menu Templates, Image Maps, Hotspots, Videos and Triggers"

Download jQuery » or Download WordPress »

Responsive Image Hotspots Generator Tool for LiteTooltip.js

Enjoy creating the Responsive Image hotspots or CSS based image maps quickly with few mouse clicks and this tool will generate the code for you instantly;

Load Image
Enter the URL of Image in above textbox and click Load.
Steps to follow:
  1. Click on a specific area of above loaded image to create a hotspot there.
  2. You can resize/drag it to setup its size and position easily.
  3. Double click the hotspot to open it's properties in a modal popup box.
  4. In the modal box select the Litetooltip properties and enter the tooltip content/template/menu template.
  5. Click the Save Hotspot button at the bottom of modal popup box to save and close the hotspot properties.
  6. You can also delete the selected hotspot using the Delete Hotspot button at the bottom of modal popup box.
HTML Code jQuery Code
Enter the previously saved Image hotspots code generated from this tool in the above HTML code textarea and click the re-Generate Hotspots button to reload and edit it: