<script language="javascript"> function change_img(img_name){ document.getElementById('big_img').innerHTML=<"img src='"+img_name+"'/>"; } </script> <div class="big_img" id="big_img"> <img src="{dede:field name='img1'/}" width="261" height="268" /> </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>
|
|