Slider適用於某些瀏覽器，但不適用於其他瀏覽器

我在www.Guguta.com上使用此滑塊，如果您使用IE或Firefox打開它，則效果很好。如果您使用Chrome或Safari打開..主圖不顯示。Slider適用於某些瀏覽器，但不適用於其他瀏覽器

此外，鼠標點擊小圖像，應該加載到主要的小圖片，但再次在Chrome和Safari不起作用。

JS腳本管理滑塊在「scripts.cs」
完整的源代碼可以從這裏下載啓動： www.guguta.com/slider.zip

任何幫助/提示將得到真正的讚賞。

在先進的感謝，
開發

來源

2012-11-04 SF Developer

或Firefox在Mac上也鍍鉻在Mac上不起作用 – ryanc1256

它也可以幫助，如果你粘貼上面 – ryanc1256

還什麼腳本做什麼你的代碼???有像他們7是script.js ?? – ryanc1256

好吧，我想通了。這條線是堆砌起來

$('.slider-item a').find('img').each(function() { 
     $(this).rotateRight(-2);  
    });

和我一起

$('.slider-item a').find('img').each(function() { 
     degree = -2; 
     $(this).css({ 
     '-webkit-transform': 'rotate(' + degree + 'deg)', 
         '-moz-transform': 'rotate(' + degree + 'deg)', 
         '-ms-transform': 'rotate(' + degree + 'deg)', 
         '-o-transform': 'rotate(' + degree + 'deg)', 
         'transform': 'rotate(' + degree + 'deg)', 

     }); 
    });

注取而代之::這隻會在現代瀏覽器一樣，基於WebKit的瀏覽器，IE 9和Firefox瀏覽器（我覺得3.5和更高）。

編輯：

而且我注意到你有一個年長的jQuery旋轉插件，如果你更新下載鏈接http://code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.2.2.js

，然後做這個

$('.slider-item a').find('img').each(function() { 
      $(this).rotate(-2); 
     });

還我偵察1.5度比較好比2deg（是的，你可以做1.5我試了看起來好多了）

它會解決這個希望，他他LPS

瑞安

來源

2012-11-04 08:33:36 ryanc1256

Oh Niceeee ..我永遠無法想象。那麼，非常感謝。所以你知道這是一個網站，將幫助無家可歸者通過提供屋頂來找回他們的尊嚴。它被稱爲RightToDignity.com，應該很快就會上線。再次感謝，認真！ –

@Developer歡迎您的到來，喜歡幫助，聽起來像個好主意，希望看到它:-D – ryanc1256

Slider適用於某些瀏覽器，但不適用於其他瀏覽器

回答

相關問題