Interactive Human Anatomy - Clickable Internal Organs

Download Now $19

Interactive Human Body Illustration - Clickable Internal Organs

This is an interactive human body template with clickable internal body organs of general body systems. This template gives you the option to customize the colors, links, and hover information for each organ then embed it in your website.

Main Features of the Illustration

  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • Each organ or spot can be linked to any web page..
  • Each organ or spot can be activated/deactivated individually.
  • It has a transparent background so you can use your website background or any background color.
  • Easily customized through 2 simple javascript files "organs-config.js" and "hotspots-config.js", NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged to any size up to 840px X 1200px while preserving the quality.
  • It's not a WordPress plugin but can be easily integrated in WordPress using HTML Snippets plugin. A step by step guide is included in the documentation files.
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Parameters of Each Organ

    hover:
    organ hover content.
    url:
    link it to any webpage.
    target:
    open it in the "same window", "new window" or "none".
    Trick: Using 'none' is very useful if you have enough content in the hover popup and you don't want to link this organ to other pages.
    upColor:
    organ's color when page loads.
    overColor:
    organ's color when mouse hover.
    downColor:
    organ's color when mouse clicking.
    enable:
    true/false to enable/disable this organ.

    List of The Clickable Organs

    1. APPENDIX
    2. BLADDER
    3. DIAPHRAGM
    4. GALLBLADDER
    5. HEART
    1. KIDNEYS
    2. LARGE INTESTINE - COLON
    3. LARYNX
    4. LIVER
    5. LUNGS
    1. MAJOR BLOOD VESSELS
    2. PANCREAS
    3. SMALL INTESTINE
    4. SPLEEN
    5. STOMACH
    1. THYROID
    2. TRACHEA
    3. URETERS

    Parameters of The Clickable Spots

    Each spot has the following parameters:

    shape:
    choose the shape of the spot;"circle" or "rectangle".
    hover:
    the content of the hover popup.
    Note: the hover popup expands with content but it’s not responsive so don’t put much content to avoid any conflict with small devices.
    pos_X:
    location of the spot on X axis.(How?)
    pos_Y:
    location of the spot on Y axis.(How?)
    width:
    width of the rectangle.
    height:
    height of the rectangle.
    diameter:
    diameter of the circle.
    outline:
    outline color of the spot.
    upColor:
    color of the spot when the illustration loads.
    overColor:
    color of the spot when mouse hover.
    downColor:
    color of the spot when clicked.
    url:
    URL assigned for this spot.
    target:
    open it in the "same window", "new window" or "none".
    Trick: Using 'none' is very useful if you have enough content in the hover popup and you don't want to link this spot to other pages).
    enable:
    true/false to enable/disable this pin. in case you want to put inactive pins or temporary disable any of them.
    Download Now $19
    This item is available exclusively on CodeCanyon under Regular License only.

    Contact Us

    Need special customization or have any questions, just drop us a line.

    After click please wait 3 seconds for the confirmation

    COPYRIGHT © All rights reserved to HumanAnatomyIllustrations.com