Question

请问JS如何实现按钮同时控制两个DIV中图片转动

当前JS代码如下，我想控制imgTest转动之外，再控制一个图片转动，改怎么修改下面的代码。
html代码如下：
<div align="center" style="position:fixed; z-index:999;">
<input type="button" id="leftTran" onclick="tranImg(-5)" value="左">
<input type="button" id="rightTran" onclick="tranImg(5)" value="右">
</div>
<div align="center">
<img name="images6" id ="imgTest" id="images6" src="img/astigmatism3.png" target="_blank" align="middle" border="0">
</div>

JS代码如下：
var current = 0;
function tranImg(trun){
var imgObj= document.getElementById('imgTest');
current = (current+trun)%360;
imgObj.style.transform = 'rotate('+current+'deg)';
$(this).css("transform")
document.write("transform");
}
通过按钮使在不同DIV中的图片同时旋转

Answer 1

<div align="center" style="position:fixed; z-index:999;">
<input type="button" id="leftTran" onclick="tranImg(-5)" value="左">
<input type="button" id="rightTran" onclick="tranImg(5)" value="右">
</div>
<div align="center">
<img name="images6" id ="imgTest" src="img/astigmatism3.png" target="_blank" align="middle" border="0">
<img name="images6" id ="imgTest" src="img/astigmatism3.png" target="_blank" align="middle" border="0">
<img name="images6" id ="imgTest" src="img/astigmatism3.png" target="_blank" align="middle" border="0">
</div>


function tranImg(trun){
    $('#imgTest').each(function(){
        var me = $(this);
        me.current=!me.current&&me.current!=0?0:me.current;
        me.current = (me.current+trun)%360;
        imgObj.style.transform = 'rotate('+current+'deg)';
        $(this).css("transform");
    });
}

追问

我刚刚试了下，不管用啊，原来的图片都转不了了

追答

嗯，你的代码有兼容性问题，好像只支持类似谷歌内核的浏览器吧
transform
你只要再加个id，然后改变那个id就可以了，js里面的改下

追问

我这个对IE10以下的浏览器不支持，谷歌、搜狐、360什么的都能用，我是初学者JS没怎么接触过，您能告诉我具体加哪里么，我没太明白在哪加id,js里面改哪