Question

我正在使用Dreamweaver来导出图像映射的像素坐标。一个已经完成，但另一个证明是不可能的，也许是因为我打算不允许的。我想设置热点的“不可能”图像是无序列表中的列表条目之一，每当我尝试在代码视图中选择img元素来选取地图时，它将无法工作并选择而是元素。

我只使用这个软件进行图像映射及其代码验证功能，但是如果有一种定义/计算圆形图像映射的像素坐标的方法，我很快就会没有它

任何建议，或DW是否表现出来以及我正在尝试的内容都不允许在HTML中使用？

更新：更具体地说，它不仅仅是一个列表，而是一个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>

Answer 1

在您的代码中发出警告，仅在javascript关闭时显示。使用js将一个类添加到正文中。如果关闭js，则不会添加该类并显示该消息，如果js打开，则该类将被添加到body中并且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;
}

Dreamweaver图像映射在无序列表中

1 个答案: