CSS或jQuery減少匹配的HREF和IMG SRC？

我有我管理幾個網站，以及縮略圖（其中可能包括收藏夾或的fancybox），該線基本上是：CSS或jQuery減少匹配的HREF和IMG SRC？

<a href="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"><img src="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"" width=200></a>

雖然我沒有在消除絕對路徑餘地（太多人們重新發布頁面）或縮短文件名（有很多圖片），有沒有一種方法可以使用CSS或JQUERY在單擊時調用完整大小而無需列出完整路徑TWICE（一次在A HREF中，一次在IMG SRC）

謝謝！

來源

2013-06-21 Ira G

爲什麼的文件名此事給你的長度是多少？ –

但是，如果圖像已經以全尺寸存在，爲什麼還需要鏈接？你確實意識到圖像實際上並沒有在加載''時調整大小，對吧？他們只顯示在一個較小的尺寸，但他們是全尺寸。 –

這將是很容易做到與jQuery - 例如...

$('img').click(function(){ 

    window.location.href = $(this).attr('src'); 

});

然而，這只是模仿鏈接行爲 - 你應該看看您的收藏夾代碼是如何工作的，它可以使用<a>鏈接作爲可以繞過上述使用的觸發器。

如果你想這樣做（只保留鏈接），我可能會做這樣的事情，當頁面加載。

$(document).ready(function() { 

    $('a').each(function(){ 

     $(this).append('<img src="'+$(this).attr('href')+'" width="200">'); 

    }); 

});

然而，這將解決您的頁面上的每個環節<a>所以你可能想使用一個類來觸發此行爲。

來源

2013-06-21 22:02:16 Wez

如果我理解它是如何工作的，現在，如果src和href總是相等，那麼

$("img").click(function() { 
    window.location.href = this.src; 
)};

來源

2013-06-21 22:02:51 sonoftunk

CSS或jQuery減少匹配的HREF和IMG SRC？

回答

相關問題