如何制作到幻灯片的链接替换HTML同一页面上的图像映射

时间:2019-05-25 01:51:14

标签: javascript html css

我正在制作一个机舱区域的交互式图片地图,而我想说的是,如果您单击图片上的映射字段之一,图片幻灯片将替换图片,或者在其上弹出一个画廊同一页。为了澄清起见,图片中的每个小屋都有自己的幻灯片放映。

已经尝试了进一步的尝试

<h1 id="overskrift">Teknotoppen hyttefelt</h1>

<div id="meny">

    <img id="menybilde" src="media/menybilde.jpg" usemap="#image-map" >

    <map name="image-map">
        <area target="" alt="Grantoppen" title="Grantoppen" href="" coords="294,343,93" shape="circle">
        <area target="" alt="Granbo" title="Granbo" href="" coords="560,214,57" shape="circle">
        <area target="" alt="Granstua" title="Granstua" href="" coords="738,287,60" shape="circle">
        <area target="" alt="Granhaug" title="Granhaug" href="" coords="893,269,51" shape="circle">
    </map>
</div>

0 个答案:

没有答案