How do i call user details dynamically using jQuery plugin interactive images on your website

Last Reply 9 days ago By dharmendr

Posted 12 days ago

This example is like tootltip popup of image and discription, but i want to fetch the data from table instead of displaying static image and details.

here is the markup


  <link rel="stylesheet" href="interactive-image.min.css" />
  .interactive-image {
    width: 900px;
    height: 600px;
    background: url("/path/to/main-image.png");
  <div class="interactive-image"></div>  
  <!-- Do not forget to include jQuery here -->

  <script src="interactive-image.min.js"></script>



// Items collection
var items = [
    type: "text",
    title: "Fur",
    description: "The fur of clouded leopards is...",
    position: {
        left: 100,
        top: 50
    type: "picture",
    path: "/path/to/picture.png",
    caption: "A baby clouded leopard",
    position: {
      left: 200,
      top: 300

// Plugin activation
$(document).ready(function () {



.interactive-image .text-item {
  background-color: blue;
  color: yellow;

example link

You are viewing reply posted by: Andrea 12 days ago.