動態獲取文件名

Question

我很新的jQuery和一般的編碼。我試圖從http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/實施jquery幻燈片。我通過點擊而不是懸停來實現它。我想要一個div背景（帶背景重複x和y）以與縮略圖控制主圖像相同的方式進行更改。 （'＃bgs'）。css（'background-image'，'url（gallery/bgs/img_3.jpg）'）;這是一個很好的例子。 但我想通過動態獲取正確的文件名與主圖像相同的方式工作。我只是不知道要改變什麼。

的代碼如下： http://pastebin.com/hvVYQyru

我希望我已經說清楚了:)。我真的希望你們能夠讓我走上正軌。

問候 馬丁沙克

Answer 1

試試這個：

$('#bgs').css('background-image','url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')'); 

UPDATE

爲了實現使用動畫相同的結果，這將需要更多的工作。因爲它不是你原來的問題的一部分，我要離開你一個很好的鏈接檢查：

http://snook.ca/archives/javascript/jquery-bg-image-animations/

Answer 2

假設你bgs圖像的結構是一樣的主圖像和縮略圖，改變這一行：

$('#bgs').css('background-image','url(gallery/bgs/img_3.jpg)'); 

要：

$('#bgs').css('background-image', 'url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');