Lightbox type effect to support a HTML/jQuery image map

I use Easy Fancybox. It has a number of great features that allows for auto-detection of image files, and fancybox allows for HTML or inline, which is what you are looking for.

It also allows for it to automatically popup, just attached the fancybox-auto class

Related Posts:

  1. User-friendly cropping of post thumbnails?
  2. Resizing images to the actual size used in the editor?
  3. What is a good jQuery content slider plugin? [closed]
  4. Resizing Uploading Images in Bulk?
  5. Plugin to tag (add a class to?) images attached to a post?
  6. jQuery Image Annotation
  7. Most Flexible Photo Gallery Plugin? [closed]
  8. Best WordPress Slider Plugin for HTML and Images
  9. Add Google Map By Address
  10. Flash Intro is embedded in a html, how do I integrate as my first page
  11. Multiple auto-generated image slideshows/sliders on each (custom) post?
  12. JQuery script working locally on desktop, not working on WordPress + Divi
  13. Images with overlay
  14. WordPress/jQuery pagination plugin for multiple lists
  15. How to batch resize images and change image url?
  16. How to properly use jsPDF library
  17. How do I link a JavaScript file to a HTML file?
  18. How do I check whether a checkbox is checked in jQuery?
  19. ReferenceError: $ is not defined
  20. How do I check whether a checkbox is checked in jQuery?
  21. jQuery document.createElement equivalent?
  22. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  23. Automatically pausing html5 video as the ‘next’ button is pressed (javascript/ jquery)
  24. How can I scroll to an element using jQuery?
  25. jQuery.click() vs onClick
  26. jQuery Get Selected Option From Dropdown
  27. Check if checkbox is checked with jQuery
  28. How to add jQuery code into HTML Page
  29. How can I get the data-id attribute?
  30. Check if checkbox is checked with jQuery
  31. Adding attribute in jQuery
  32. Bootstrap Dropdown menu is not working
  33. jquery SlideToggle effect in upward direction?
  34. Change Background color (css property) using Jquery
  35. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  36. Get class name using jQuery
  37. JavaScript runtime error: ‘$’ is undefined
  38. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  39. Set timeout for ajax (jQuery)
  40. Use images like checkboxes
  41. How to read xml file contents in jQuery and display in html elements?
  42. JavaScript Loading Screen while page loads
  43. Force a default browser on my android phone using a simple html shortcut page
  44. Get the value in an input text box
  45. Jquery swipe left or right on mobile
  46. Set selected option of select box
  47. How to move an element into another element?
  48. Bootstrap Dropdown menu is not working
  49. Bootstrap Dropdown menu is not working
  50. Create table with jQuery – append
  51. Click button copy to clipboard
  52. How to convert selected HTML to Json?
  53. How to Open New window on every Click
  54. How to make html table vertically scrollable
  55. jQuery.addClass not working
  56. Uncaught TypeError: Cannot read property ‘top’ of undefined
  57. How can I select an element by name with jQuery?
  58. Get checkbox value in jQuery
  59. jQuery disable/enable submit button
  60. Play an audio file using jQuery when a button is clicked
  61. How to move an element after another element using JS or jquery?
  62. Why is the jquery script not working?
  63. document.getElementsByClassName().innerHTML always returns “undefined”
  64. Jquery button click() function is not working
  65. How to make a simple image upload using Javascript/HTML
  66. How to make a simple modal pop up form using jquery and html?
  67. How to make Bootstrap carousel slider use mobile left/right swipe
  68. How to Show External website inside another page without iFrame? [closed]
  69. bootstrap 3 navbar collapse button not working
  70. Display XML content in HTML page
  71. HTML text input allow only numeric input
  72. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  73. Bootstrap carousel not sliding
  74. Play/pause HTML 5 video using JQuery
  75. jQuery .load() not working
  76. Refresh/reload the content in Div using jquery/ajax
  78. How do I check whether a checkbox is checked in jQuery?
  79. Print the contents of a DIV
  80. jQuery Scroll to Div
  81. Embedding instagram webpage inside an iframe
  82. How to get height of div in px dimension
  83. Set value to currency in
  84. jQuery: Uncaught Error: Syntax error, unrecognized expression
  85. jQueryUI dialog width
  86. Creating a div element in jQuery
  87. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  88. How to use in jQuery :not and hasClass() to get a specific element without a class
  89. HTML Entity Decode
  90. How to display raw JSON data on a HTML page
  91. Clearing my form inputs after submission
  92. Get class list for element with jQuery
  93. Reload an iframe with jQuery
  94. jQuery checkbox event handling
  95. Clear form fields with jQuery
  96. How to scroll an HTML page to a given anchor
  97. Highlight a word with jQuery
  98. How to call a webservice method from an html page [javascript] with out refresh the page
  99. Javascript – ERR_CONTENT_LENGTH_MISMATCH
  100. How do I refresh a DIV content?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)