2011-04-27 64 views
0

我有一些代碼預加載獨立於其擴展名的圖像,並以類似於hover僞類的方式進行操作。我的問題是我如何擴大這個包括在源文件的一部分。我的意思是腳本目前將_over添加到現有文件名中,並使擴展名也預加載這些圖像。我想要的是它添加/ index_files/filename_imagename_over其中imagename是圖像的src。所以它已經添加_over我希望它添加/ index_files /這是靜態和/文件名根據文件名更改。擴展到包括jQuery腳本中的當前文檔名稱

$(function() { $('#nav li a img').each(function() { 
var originalSrc = this.src, 
    hoverSrc = originalSrc.replace(/\.(gif|png|jpe?g)$/, '_over.$1'); 
    image = new Image(); 

image.src = hoverSrc; 

$(this).hover(function() { 
    image.onload = function() { 
} 
    this.src = hoverSrc; 
}, function() { 
    this.src = originalSrc; 
}); 
}); 
}) 

我也想知道如果我可以在我的JavaScript的PHP腳本,我相信我不能因爲服務器不會處理PHP的,因爲它不是一個PHP文件。 這是例子。 如果可以,我可以在腳本中使用它。 我想也可以簡單地使用php的include()作爲我的php文檔,以便腳本包含在服務器級別並且處理php代碼。

+0

你應該能夠根據以前的答案得到所有的結果。哦,並恭喜找出代碼格式按鈕:) – alex 2011-04-27 07:29:55

+0

@alex赫赫,剛纔意識到所有線路之後,需要的間距也是正確的。你可以直接回答這個問題,因爲我需要將php插入腳本的選定部分。 – Jason 2011-04-27 07:35:22

+0

@alex沒關係意識到我不需要在文檔中設置它。如果我在我的php文檔中設置documentname_imagename,那麼當javascript收到它時,它將是正確的,因爲php是計算服務器端的。 – Jason 2011-04-27 07:39:56

回答

1

另一個簡單的解決方案是使用圖像作爲背景(css)和胡佛效果,以改變背景位置。 http://www.dynamicsitesolutions.com/css/background-image-switching/

+0

已經看到了這一點,但我已經有了一個很好的腳本,當它們都沒有效率的時候,並不是真的想重新編碼它。 – Jason 2011-04-27 07:36:26

+0

因爲我回答了我自己的問題,但是這個答案仍然有用,你得到我的投票 – Jason 2011-04-27 07:40:24