Jquery爲IE 6旋轉圖像>

我希望有人能夠闡明IE 6>圖像旋轉代碼。我嘗試過使用（http://code.google.com/p/jquery-rotate/），但沒有成功。我可以根據這篇文章（Stackoverflow post）爲FF，Chrome和Safari旋轉圖片。Jquery爲IE 6旋轉圖像>

任何幫助或方向旋轉圖像45度角將不勝感激。謝謝。

例子：My test for rotation

來源

2011-03-19 cosmoonot

使用優秀的jQuery旋轉插件。 http://code.google.com/p/jqueryrotate/。它是由所有主要瀏覽器

* Internet Explorer 6.0 > 
* Firefox 2.0 > 
* Safari 3 > 
* Opera 9 > 
* Google Chrome

支持旋轉圖像，所有你需要做的是$('#myImage').rotate(30) //for a 30 degree rotation 哪裏#myImage是你要旋轉的元素的ID。

來源

2011-03-19 22:59:55 Hussein

謝謝。我現在要試一試。 – cosmoonot 2011-03-19 23:13:59

@Hussein你能檢查我的代碼嗎？似乎是在爲我的目的而工作。 [鏈接]（http://thesupercow.com/clients/test/wheels5.html） – cosmoonot 2011-03-19 23:28:41

@cosmoo該插件工作正常。如果你做$（'＃wheel'）。rotate（45）'，它會在所有瀏覽器中旋轉45度。您需要詢問另一個有關seltimeout和您獲得的錯誤的問題。這應該回答你有關cross broweser supoprt旋轉的問題。 – Hussein 2011-03-19 23:58:48

你看過... http://developercity.blogspot.com/2010/09/rotate-div-or-image-using-jquery-ie-and.html

編輯：試試這個：http://pastebin.com/gB4iATpm

來源

2011-03-19 22:26:40 mattsven

感謝您的鏈接。我只是試了一下，但有一個錯誤。鏈接可以在這裏查看[鏈接]（http://thesupercow.com/clients/test/wheels2.html） – cosmoonot 2011-03-19 23:05:04

好的，試試我剛剛添加的 – mattsven 2011-03-20 00:32:08

複製/粘貼你的代碼[鏈接]（http://thesupercow.com /clients/test/wheels2.html）。我發現了一個解決方案，你可以在這裏查看[鏈接]（http://thesupercow.com/clients/test/wheels5.html） – cosmoonot 2011-03-20 00:35:20

在我看來，CSS3是要走的路，因爲（在這種情況下），你可以做transform: rotate(xxdeg);。有確保向後兼容性的方法，例如：http://fetchak.com/ie-css3/
希望它有幫助！

來源

2011-03-19 22:27:23 terrygarcia

這是一個老問題，但事情已經轉移，因爲有人問這樣的情況下，人們還在讀這些文字，我也有行之有效的替代方案湊錢：

對於當前所有的瀏覽器除IE8和更早版本之外，最簡單的旋轉元素的解決方案是標準的CSS語法transform:rotate(45deg)。

對於IE6/7/8，最好的選擇是CSS Sandpaper javascript庫。

CSS砂紙實現標準的CSS旋轉語法，以及其他幾個CSS功能。這意味着你可以在所有瀏覽器中使用標準的CSS語法。

關於這個的好處是，它意味着，雖然使用了JavaScript的IE瀏覽器，你並不需要涉及到其他瀏覽器的任何JS代碼，這應該是很好的表現。在支持它們的瀏覽器上使用Web標準也很好。

來源

2013-03-25 11:18:30 Spudley

Jquery爲IE 6旋轉圖像>

回答

相關問題