使用jQuery进行图像旋转
Image Rotate Using jQuery
当我点击它时,我正在尝试旋转和成像,但代码似乎对我不起作用。如果有任何帮助,我们将不胜感激。马丁。
<script src="jQueryRotate.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
$(".gun4").click(function()
{
$(".gun4").rotate(90);
});
});
<div id="pic">
<img src="Images/gun4.jpg" height="100" width="120" id="gun" class="gun4"/>
您的代码正在运行,为了测试目的,我对它进行了一些更改,您可以在这里查看:
http://jsfiddle.net/Ef6mX/2/
var I = 0;
$(document).ready(function()
{
$(".gun4").click(function()
{
$(".gun4").rotate(90*(I%4));
I++;
});
});
因此,请检查您是否正确加载Jquery,或者是否有错误。
相关文章:
- 需要关于随机图像旋转的指南
- Jquery CSS背景图像旋转
- 全屏背景图像+旋转图像
- 随机图像旋转的多个实例
- JS下拉菜单显示在图像旋转器上
- 请解释Javascript图像旋转代码
- JavaScript 中的图像旋转器(键下)
- jquery 图像旋转器(仅在 JS 中传递图像)
- 如何停止多次单击下一个以破坏我的图像旋转器
- 停止 3 个图像旋转只需单击一个按钮
- 背景图像旋转器.php + jQuery每4秒显示一次随机照片
- 图像旋转背景 js 跳转到页面顶部
- 画布图像旋转中的问题
- 在画布上绘制多个图像,每个图像旋转
- 使用关键帧图像旋转器时,图像不会在两个块之间同步协调
- 最简单的图像旋转器 - 使用设置间隔失败
- 需要按钮显示/隐藏图像旋转 href 添加到 javascript 代码中
- 图像旋转和Jcrop.js
- 360 度图像旋转指示器
- 通过手机加载时,画布图像会将图像旋转 90 度