如何在js或css中固定圖像位置？我有摩天輪我希望我的所有圖像都應該在旋轉的時候站在位置

如何在js或css中固定圖像位置？我有摩天輪我希望我的所有圖像都應該在旋轉的時候站在位置。我想要這樣：http://jsdo.it/proppy/plUk/fullscreen看到粉紅色的三角形旋轉時位置是固定的。如何在js或css中固定圖像位置？我有摩天輪我希望我的所有圖像都應該在旋轉的時候站在位置

這裏是我的：http://letmespeakenglish.net/wheel/index.html

任何幫助嗎？歡迎任何建議。謝謝你的幫助。

來源

2011-09-15 devzone

你的鏈接不起作用... – wesbos

試試這個http://letmespeakenglish.net/wheel/index.html – devzone

查看http://jsfiddle.net/WnvkD/1/show/並接受ShadowScripter的答案。 – ellisbben

不知道這是否會解決您的問題，但我可以看到您每500毫秒旋轉圖像：這是一個很大的延遲。試用50ms。

var rotation = 0 
setInterval(function() { 
    $('div.#wheel').css({ 
     "-moz-transform": "rotate(" + rotation + "deg)", 
     "-webkit-transform": "rotate(" + rotation + "deg)", 
     "-o-transform": "rotate(" + rotation + "deg)", 
     "-ms-transform": "rotate(" + rotation + "deg)" 
    }); 

     $('.fa').css({ 
     "-moz-transform": "rotate(1 deg)", 
     "-webkit-transform": "rotate(1 deg)", 
     "-o-transform": "rotate(1 deg)", 
     "-ms-transform": "rotate(1 deg)" 
    }); 

rotation = (rotation + 10) % 361 
}, 50)

來源

2011-09-15 06:59:30

嗨謝謝你的幫助，但它仍然沒有修復:(希望我能解決這個問題 – devzone

這裏的工作example

好吧，解決你的問題，你必須反向旋轉的單獨影像，作爲整個滾輪滾動。因此，改變你的腳本這應該修復它：

<script src="http://code.jquery.com/jquery-1.6.3.min.js" type="text/javascript"></script> 
<script> 
    var rotation = 0 
    setInterval(function() { 
     $('div.#wheel').css({ 
      "-moz-transform": "rotate(" + rotation + "deg)", 
      "-webkit-transform": "rotate(" + rotation + "deg)", 
      "-o-transform": "rotate(" + rotation + "deg)", 
      "-ms-transform": "rotate(" + rotation + "deg)" 
     }); 

     $('.fa').css({ 
     "-moz-transform": "rotate("+(-rotation)+ "deg)", 
     "-webkit-transform": "rotate("+(-rotation)+ " deg)", 
     "-o-transform": "rotate("+(-rotation)+ " deg)", 
     "-ms-transform": "rotate("+(-rotation)+ " deg)" 
    }); 

    rotation = (rotation + 10) % 361 
    }, 500); 
</script>

當你看它太久你得到那種噁心。我的意思是摩天輪，而不是代碼。

來源

2011-09-15 16:54:20 ShadowScripter

你的解決方案，實施：http://jsfiddle.net/WnvkD/1/ – ellisbben

是的，我正在考慮做一個jsfiddle，但這是一個相當簡單的解決方法，但我會將其添加到答案中。 – ShadowScripter

如何在js或css中固定圖像位置？我有摩天輪我希望我的所有圖像都應該在旋轉的時候站在位置

回答

相關問題