当圆形图像在圆轮中发生变化时，如何在顶部显示标签

How to show label on top when circular image is changing in circular wheel?

本文关键字：顶部 显示 标签 图像 变化      更新时间：2023-09-26

我正在实现循环动画。我面临两个问题.

  • 我想逆时针滚动（这不起作用）。它仅顺时针工作。解释更多：当用户在浏览器上循环触摸手指时，我想滚动图像，我们在设备上使用触摸鼠标，我们使用touchstart。但它不是逆时针方向的。
  • 我想更改标签值（取决于顶部的图像）。我采取（"a"，"b"）。c'"...等）图像名称，所以它显示顶部的名称？

http://jsfiddle.net/naveennsit/sFcCU/6/

<lable>Title</lable>
<div id='container'>
    <img src="https://dl.dropbox.com/s/66ip1iz8cm3wf2l/dial.png" style="position:absolute;top:=;left:;" id="dial1"></img>
    <img src="https://dl.dropbox.com/s/siqq3e8kdaefqn8/icon_0.png" style="position:absolute;top:60px;left:190px;" id="dial2"></img>
    <img src="https://dl.dropbox.com/s/zikxwpakha2ei1v/icon_1.png" style="position:absolute;top:100px;left:100px;" id="dial3"></img>
    <img src="https://dl.dropbox.com/s/dn5n76r6yr1tzpd/icon_2.png" style="position:absolute;top:180px;left:70px;" id="dial4"></img>
    <img src="https://dl.dropbox.com/s/vu9uckyoo7k8wcc/icon_3.png" style="position:absolute;top:270px;left:70px;" id="1"></img>
    <img src="https://dl.dropbox.com/s/lnb9h4hazcd619u/icon_4.png" style="position:absolute;top:370px;left:110px;" id="dial5"></img>
    <img src="https://dl.dropbox.com/s/pt0q3zbdxt3843d/icon_5.png" style="position:absolute;top:420px;left:230px;" id="dial6"></img>
    <img src="https://dl.dropbox.com/s/j9ybktafm0v08ff/icon_6.png" style="position:absolute;top:350px;left:340px;" id="dial7"></img>
    <img src="https://dl.dropbox.com/s/nuh0njoeczd94gm/icon_7.png" style="position:absolute;top:250px;left:390px;" id="dial8"></img>
    <div>

谢谢

第一个问题是语法错误。

数组是用[]而不是{}定义的，因此您需要将其更改为

var arry =["a","b","c","d","e","f","g" ,"h"];

要反转旋转，请增加currentAngle而不是减少它。

boxes[idx].currentAngle++;
要检查哪个是顶部

，只需检查它们的角度（90度是顶部）

http://jsfiddle.net/sFcCU/8/演示

相关文章：