Question

如何用JS实现<img src="">中src的图片地址使用css中定义的某个图片地址？

如题 并可以通过 HTML4.01 strict.dtd W3C的认证且无浏览器兼容性问题。
HTML 中
<img src="pic/pic1.jpg" alt="http://www.tongyansq.com">
css中 img#pic1{background:url(../pic/pic1.jpg); width:1184px; height:300px;}
我想用JS实现 <img 不使用src定义图片地址或者用JS实现src中的地址读取css中的#pic。
最终目的就是将多个图片做成一个图片用CSS剪辑，但是使用<li id="pic1">整块又不可加链接（否则不能通过W3C认证）
我知道这个想法可能很好实现，又或者比较逆天，求大神现世。
不用JS更好，但感觉不可能。
想用 <li + JS代码>实现来的 但是 搜索引擎不抓取链接的地址 seo优化又很困难。。

Answer 1

又要切片 又要img 逆天了。。用img显示一张大图里的一个小区域，复杂度比css多了n倍。

直接用css背景图不更好，这样img标签都省了。

假设你是这样的
<li><img src="pic/pic1.jpg"></li>
改成这样
<style>
.pic1{display:inline-block;width:1184px;height:300px;background:url(../pic/pic1.jpg) 50px 30px no-repeat;}/*假设你的小图在大图的50，30处*/
</style>
<li><span class="pic1"></span></li>

搞掂