2012-11-15 103 views
0

我已經CSS是這樣的:CSS屬性變化

.cls .imageX 
{ 
    float:left; 
} 

.cls .imageY 
{ 
    float:right; 
} 

它是在一個頁面中使用這樣的:

<div class="cls"> 
<a href="" class="imageX"><img src="left.png"/></a> 
<a href="" class="imageY"><img src="right.png"/></a> 
</div> 

我沒有網站的源代碼。我看到通過螢火這個來源,我必須寫JS代碼通過onload事件去改變它。那是我的工作。現在,我想它變成:

<div class="cls"> 
<a href="" class="imageX"><img src="right.png"/></a> 
<a href="" class="imageY"><img src="left.png"/></a> 
</div> 

有兩種方法,我想我或許可以在所有

1> $('.cls .imageX img').attr('src','right.png'); 
    $('.cls .imageY img').attr('src','left.png'); 

2> $('.cls .imageX').css('float','right'); 
    $('.cls .imageY').css('float','left'); 
+0

具體什麼是你想實現什麼?只需將'.imageX'後的'img'設置爲'right.png'?當您嘗試的第一種方式 – Snuffleupagus

+0

會發生什麼?實際上它是在'onload'函數中嗎? –

+0

例如我的圖像現在|>和<|但我想將它們轉換爲<| and |>(箭頭左邊和右邊的按鈕圖像) –

回答

1

選項1您提供解決此但遺憾的是沒有工作,爲我.. 。似乎工作。 alert($('.cls .imageX img').attr('src', 'right.png').attr('src'));​結帳我的jsfiddle:http://jsfiddle.net/MYDNv/

+0

謝謝你,這是奇怪的。這兩個圖像位於控制圖像上滑動,它看起來像它反覆重新初始化,但我找不到在哪裏的圖像滑塊的來源,因爲我的Firefox不斷崩潰80/100倍 –

+0

嘗試改用Chrome調試JavaScript。這很棒。我努力了幾個小時才習慣了鉻合金。但現在我很少使用螢火蟲 – Bull