1

と言う2つの画像がtheImg_enabled.gifありtheImg_disabled.gifます。img src動的に変更する必要があります。どうすればcssでそれを行うことができますか?

 <img class="changeImg" src="theImg_enabled.gif" alt="" width="16" height="16" border="0"/>

<style>
    .changeImg {
                      // I need src="theImg_enabled.gif"
    }

    .changeImg.disabled {

                      // I need src="theImg_disabled.gif"
    }
</style>
4

4 に答える 4

3

CSS ではできません (JavaScript でできます)。

ただし、画像が<img>要素としてではなく、他の要素の として表示された場合は、その CSS プロパティ ( examplebackground-image )を変更することでそうすることができます。

于 2013-05-29T07:35:06.677 に答える
3

CSS ではできません。JavaScript などのクライアント サイド スクリプトを使用する必要があります。

document.getElementById("my_id").src="URL";

ただし、要素の背景画像があり、ホバー時にそれを変更したい場合は、次のように書くことができます

div {
   background-image: url('SRC');
}

div:hover {
   background-image: url('SRC2');
}
于 2013-05-29T07:36:45.907 に答える
0

img srcに値を設定すると、CSS を使用して値を変更することはできません。

解決策 1

<img class="changeImg" />  
<style>
    .changeImg {
        border:0;
        width:16px;
        height:16px;
        background-image: url('theImg_enabled.gif');
    }
    .changeImg:hover  {
        background-image: url('theImg_selected.gif');        }
</style>

解決策 2:

    <a href="." class="changeImg" /> 
    <style> 
        .changeImg a {
            display:block;
            width:16px;
            height:16px;
            background-image: url('theImg_enabled.gif');
         }

         .changeImg a:hover {
            background-image: url('theImg_selected.gif');
         }
    </style>
于 2015-09-17T21:26:32.717 に答える