動態改變屏幕尺寸的圖像路徑

我有一個內置於我的網頁的滑塊，它的尺寸和比率隨着不同屏幕尺寸而變化，我需要我放置在這個滑塊內的圖像也爲了相同的目的而改變。我已經簡化版，該代碼似乎工作，我有點新手到jQuery的，並已拼湊自己，但我認爲它基本上是相當接近的是功能性...動態改變屏幕尺寸的圖像路徑

<script> 
$(document).ready(function() { 
if($(window).width() < 1600 && $(window).width() > 1440){ 
$(".replaceimg").attr("src", $(this).attr("src").split(".").join("_1600.")); 

} 

}); 
</script> 


<img class="replaceimg" src="images/SC.png" alt="image desc" />

任何幫助將非常感謝！中號

來源

2014-02-15 Matt Woodman

我這裏有一個工作版本：http://www.mdwoodman.co.uk但它僅適用，因爲我如果（$（window）.width（）<1600 && $（window）.width（）> 1440）{{「。replaceimg」）可以直接調用圖片而不是修改src， .attr（「src」，「images/SC1600.png」）; –

更改此：

$(".replaceimg").attr("src", $(this).attr("src").split(".").join("_1600."));

這樣：

$(".replaceimg").attr("src", $(".replaceimg").attr("src").split(".").join("_1600."));

來源

2014-02-15 22:02:37

謝謝！我知道我非常親密，但不知道爲什麼它不工作:) –

動態改變屏幕尺寸的圖像路徑

回答

相關問題