Question

我正在使用jquery一次实现一个旋转。我有一些想要使用“touchmove”或“swipeleft”或“swiperight”旋转的图像。所以首先我创建背景，我可以放置我的所有图像。我的问题是，我可以在启动时给出静态值（左上角）并更改swipeleft和swiperight事件的顶部和左侧值

谢谢！[在此输入图片说明] [1] 我需要这种类型的实现

我喜欢那样，

<body>

<div class="outer-container">


</div>
</body>

.outer-container{
background-image: url(images/dial.png);
width: 400px;
height: 403px;
background-size: cover;
top: 280px;
left: 32%;
position: absolute;
}

这是我的图片..

！[在此输入图片说明] [2]

Answer 1

添加新图片：只需将一堆这些：<img src="--path--" style="position:absolute;top:--value--;left:--value--;" id="--uniqueID--"></img>和替换--path--替换为图像的路径，将--value--替换为适当的位置。还要用唯一的ID替换--uniqueID--（没有两张图片具有相同的ID）。

我不完全确定你在问什么，但你可以在页面中包含一个样式表来设置初始top和left值，然后动态使用jQuery的.css（）改变这些价值观。

$('.outer-container').on('swipeleft',function(e){
      e.preventDefault();
      $('#--uniqueID--').css("left",newLeftValue);
      $('#--uniqueID--').css("top",newTopValue);
});

将--uniqueID--替换为您要移动的图片。

用适当的值替换newLeftValue和newTopValue。

有关jQuery的css方法的更多信息，请参阅http://api.jquery.com/css/。

在jquery中旋转图像时需要概念吗？

1 个答案: