Dreamweaver图像映射无序列表



我使用Dreamweaver来导出图像映射的像素坐标。一个已经完成了,但另一个被证明是不可能的,也许是因为我的意图是不允许的。我想设置热点的"不可能"图像是无序列表中的一个列表条目,每当我尝试在代码视图中选择img元素来遮挡地图时,它就不起作用,而是选择ul元素。

我只使用这个软件的图像映射和它的代码验证功能,但这是一个痛苦,我只是尽快做没有它,如果有一个方法来定义/计算像素坐标的圆形图像映射。

任何建议,或者是DW行为本身,我正在尝试的是不允许在HTML中?

Updated:更具体地说,它不仅仅是一个列表,而是一个div-bounded列表,作为一个库,其输入来自可点击的缩略图图像锚,按照下面的代码(为了清晰起见,只有一个列表项)。我想做的是使'stuff-medium.jpg'成为一个可点击的图像,映射到图库中的下一个图像(通过一个href "#two"),为我的图库也提供导航栏…

<div id="gallery">
<ul id="gallery-interior">
<li id="one"><img src="../images/stuff_medium.jpg"></li>
</ul>
</div>
<div>
<a href="#one" target="_self"><img src="../images/stuff_thumb.jpg"></a>
</div>

更新II——这段代码可以工作;我是手工做的,但我不知道如何在DW:

中做到这一点。
<li id="one"><img src="../images/stuff_medium.jpg" border=0 usemap="#gallerymap">
<map name="gallerymap"><area shape="circ" coords="399,157,30" href="#two" target="_top"></li>

在代码中放置一个警告,仅在javascript关闭时显示。使用js向主体中添加一个类。如果js关闭,则不会添加类并显示消息,如果js打开,则会将类添加到正文中,并且不会显示MSG

html:

<aside id="js-warning">This site requires JavaScript to work properly.  Please turn it on for more awesomeness!
</aside>

js:

<script>
$(document).ready(function(jswarning) {
    $('body').addClass('js');
});
</script>
css:

#js-warning {
    display:block;
}
.js #js-warning {
    display: none;
}

最新更新