img

Question

的變更開始如何更改圖片的「開始」？

我的意思是img是不動只是它的開始是移動

我想改變它CSS或HTML，在不得已的情況在的JavaScript

事情是這樣的： FIRST PICTURE（點擊此圖片可以改變它的初始狀態）。

...它轉化到它：SECOND PICTURE

任何想法？ ：/

Answer 1

我不完全確定你在問什麼，但它聽起來像你可能想做CSS sprites。

http://css-tricks.com/css-sprites/

如果你想改變點擊圖片，你需要一些代碼。我不會在這上面花太多時間，因爲你的問題很難破譯，但如果是我，我會爲每個精靈創建一個類，然後根據點擊事件在兩個類之間切換。

Answer 2

<div class="myImg"> </div> 
<style> 
.myImg{ 
background: url('myimg.jpg'); 
} 
.myImg2{ 
background: url('myotherimg.jpg'); 
} 
</style> 
<script type="javascript/text"> 
$('.myImg').click(function() { 
    $(this).removeClass('myImg'); 
    $(this).addClass('myImg2'); 
}); 
</script> 

Ofcourse當然你必須使用jQuery鏈接來獲取jQuery最新更新。

那麼我在這裏做了些什麼呢？

我已經使用jQuery來檢查用戶是否點擊了div .myImg如果他我只是切換div的類和其他類有不同的圖像。

希望我幫了忙。