如何将lightbox应用到<area>的标签中?
下面我来告诉你:首先,打开lightbox.js文件,在里面搜索(‘a’)标签,全部用(‘area’)代替;
其次打开你的lightbox.html文件,添加一张图片并加上相应的area属性,例如添加代码:
<img src=”images/thumb-1.jpg” alt=”" width=”400″ height=”121″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”71,30,148,94″ href=”images/image-1.jpg” alt=”" rel=”lightbox[a]” />
<area shape=”rect” coords=”185,35,268,91″ href=”images/image-2.jpg” alt=”" rel=”lightbox[a]” />
<area shape=”rect” coords=”299,36,380,91″ href=”images/image-3.jpg” alt=”" rel=”lightbox[a]“/>
<area shape=”rect” coords=”12,37,66,91″ href=”images/image-4.jpg” alt=”" rel=”lightbox[a]“/></map>
保存运行,即得到你要的效果.
本站文章欢迎转载。转载请注明:转载自迷失曾经谢谢!
原文链接地址:lightbox应用到area的方法 Tags: lightbox应用到area的方法, 如何将lightbox应用到的标签中