Picasa : 사이트의 이미지 크기를 자동으로 변경합니다.

Question

Picasa에서 내 사이트의 이미지를 유지합니다.이 같은 크기의 사진을 설정할 수 있습니다.

http://lh5.ggpht.com/-i97UI0TXchE/UatpZd-E3tI/AAAAAAAAAFg/HUu-QK63ce0/w900-h0/running-sml.jpg

부분 w900-h0는 화면 크기가 있음을 의미하고 width 900px height 0 (자동).

그래서 난, 난 그냥 그들에게 최대-widht 설정 유체 이미지를 만들 수 있다는 것을 알고를 automaticly 장치의 뷰포트의 따라 이미지의 URL을 (acctualy 부분 w900-h0)를 변경해야합니다 : 100 %; 이 경우에는 그림의 크기가 작아지지 않고 시각적으로 작아집니다. 나는 자바 스크립트를 통해 부분 w900-h0을 변경할 수있는 방법

예를 들어 뷰포트는 URL 등등 w300-h0을 변경하고 480 일 때.

Answer 1

당신은 document.ready 상태에서 이미지 너비를 변경하려면이 같은 것을 사용할 수 있습니다

imageWidth = $(window).width(); 
$("#my_image").attr("src","http://lh5.ggpht.com/-i97UI0TXchE/UatpZd-E3tI/AAAAAAAAAFg/HUu-QK63ce0/w"+imageWidth+"-h0/running-sml.jpg"); 

기능 $(window).resize()도 dynamicaly 크기를 조정하는 것이 도움이 될 수 있습니다.

업데이트 :

개 이상의 이미지에 대해이 작업을 수행하려면이 :

imageWidth = $(window).width(); 
$(".imageForResize").each(function() { 
    $(this).attr("src", $(this).attr('src').replace('w900-h0', 'w'+imageWidth+'-h0')); 
}); 

Example on JSFiddle