jquery圖像轉換

我有一個網站上的按鈕，我正在爲大學項目（銷售音樂的網站）製作。使用im購買按鈕，看起來像一個從蘋果的App Store：jquery圖像轉換

image1 http://ryanholder.co.uk/img/buy_button_5.99.png

image2 http://ryanholder.co.uk/img/ibutton_buynow.png

我yondering如果有人知道一些JQuery的，我可以使用，或者如果你能創造一些，所以我可以點擊第一張圖片並轉換到secound圖片。有點像在實際的iTunes應用程序商店中點擊它。

*如果你能方式轉變回到以前的圖像

你說哥們面前這顯然是版權。我使用這種設計爲大學項目，而不是一個實際的網站;）

在此先感謝:)！

來源

2011-10-10 RyanH

如果你要把兩個圖像放到一個文件中，然後用jQuery改變可見的座標。挖掘示例。 BRB

來源

2011-10-10 23:24:13 Brian

這會做我加入這個（多個）圖像 –

$('#my_button').click(function(){ 
    if ($(this).css('background-image') == 'first_image'){ 
     $(this).css('background-image', 'second_image') 
    } else { 
     $(this).css('background-image', 'first_image') 
    } 
})

來源

2011-10-10 23:25:22

的不必要的負荷： <腳本類型= 「文本/ JavaScript的」> $（ '＃buybutton'）上單擊（函數（）{ 如果（$（這個）.css（'background-image'）=='/img/album_covers/buy_button_5.99.png'）{ $（this）.css（'background-image'，'/img/album_covers/ibutton_buynow.png '） }其他{$ （本）的.css（' 背景圖片」， 'IMG/album_covers/buy_button_5.99.png'） }} ）和我的div被稱爲buybutton 但它的工作，不知道什麼即時通訊做錯了：/ – RyanH

http://designbeep.com/2010/05/13/25-very-detailed-jquery-image-and-content-slider-tutorials/。作爲一個大學項目，我們不希望從學習中獲得所有的樂趣。

來源

2011-10-10 23:26:22 lumberjacked

jquery圖像轉換

回答

相關問題