WordPress.org

Ready to get started?Download WordPress

Forums

How to add an image map to a page (1 post)

  1. rayquan
    Member
    Posted 1 year ago #

    how do I get this image map to open up with the hotspot.

    I want to Click on Image "A" which will open up a fancybox image "B" this fancybox image will have clickable slices.

    The image map works fine by it's self but when I add Image "A" it works but without the hotspots.
    please see the files below: I do hope the code get posted correctly here.

    Raw image code

    <img src="Untitled" width="427" height="518" border="0" usemap="#map" />

    <map name="map">
    <area shape="rect" coords="8,10,413,120" alt="Amazon" href="http://www.amazom.com" />
    <area shape="rect" coords="6,135,415,249" alt="Createspace" href="http://ww.createspace.com" />
    <area shape="rect" coords="10,266,417,376" alt="Kindle" href="http://www.amazomkindle.com" />
    <area shape="rect" coords="11,395,415,506" alt="B&N" href="http://www.barnesandnoble.com" />

    </map>`

    Final code on the page: loaded image code

    <map name="map">

    <area shape="rect" coords="8,10,413,120" alt="Amazon" href="http://www.amazon.com/You-Promised-Turning-Successful-empowerment/dp/1481894951/ref=sr_1_1?s=books&ie=UTF8&qid=1361414047&sr" />
    <area shape="rect" coords="6,135,415,249" alt="Createspace" href="https://www.createspace.com/4037274" />
    <area shape="rect" coords="10,266,417,376" alt="Kindle" href="http://www.amazomkindle.com" />
    <area shape="rect" coords="11,395,415,506" alt="B&N" href="http://www.barnesandnoble.com" />
    </map>"><img class="alignnone size-medium wp-image-140" alt="ripped_paper to view book" src="http://www.you-promised.com/wp-content/uploads/2013/02/Sample-Chapter-Book-Ripped-lookSmall002.png" width="549" height="541" /></a>

Topic Closed

This topic has been closed to new replies.

About this Topic