Question

js中，点击时不想图片的大小改变！下面的代码，是使点击小图时大图变成小图，可是不想大图的宽高改变！

<script language="javascript">
function change_img(img_name){

document.getElementById('datu').innerHTML="<img src='"+img_name+"'/>";
}

</script>
<div id="datu"><img src="{dede:field name='img1'/}" width="282" height="282" /></div>
<ul>
<li><img src="{dede:field name='img1'/}" width="50" height="50" onclick="change_img('{dede:field name='img1'/}');" style="cursor:pointer;"/></li>
<li><img src="{dede:field name='img2'/}" width="50" height="50" onclick="change_img('{dede:field name='img2'/}');" style="cursor:pointer;" /></li>
<li><img src="{dede:field name='img3'/}" width="50" height="50" onclick="change_img('{dede:field name='img3'/}');" style="cursor:pointer;" /></li>
<li><img src="{dede:field name='img4'/}" width="50" height="50" onclick="change_img('{dede:field name='img4'/}');" style="cursor:pointer;" /></li>
</ul>
</div>
//我自己解决了：
<script language="javascript">
function change_img(img_name){

document.getElementById('datu').innerHTML="<img src='"+img_name+"' width='262' height='262'/>";
}

</script>

<div id="datu">

<img src="{dede:field name='amg4'/}" width="262" height="262" /></div>
<ul>
<li><img src="{dede:field name='amg1'/}" width="50" height="50" onclick="change_img('{dede:field name='amg1'/}');"/></li>
<li><img src="{dede:field name='amg2'/}" width="50" height="50" onclick="change_img('{dede:field name='amg2'/}');" /></li>
<li><img src="{dede:field name='amg3'/}" width="50" height="50" onclick="change_img('{dede:field name='amg3'/}');" /></li>
<li><img src="{dede:field name='amg4'/}" width="50" height="50" onclick="change_img('{dede:field name='amg4'/}');" /></li>

</ul>
</div>

Answer 1

不明白需求，如果你不想宽高改变，那点击的时候，你想做什么呢？

追问

下面有四个小图。上面有一张大图。
我想我点击小图1时。上面的图片变成小图1，但是要是原来大图的尺寸。
同理，点击小图2时，也会变成小图2。
但现在问题是点击小图1时，上面的大图变成小图1，但是尺寸也改变了！！！怎么让ID‘datu'里出现的图片维持在设定的尺寸呢？width="282" height="282"
提示：这个代码是DEDECMS里用的！所以图片名不是常用代码。