图片撑破页面，相信大家会有被困扰的时候，或许是以前，或许是现在，但不要紧了，jquery帮你两行代码就解决问题，让图片被受控制。
代码如下：
|
1 2 3 4 5 6 7 8 |
$(document).ready(function(){ var ywidth = 500;//初始最大宽度 $("img").each(function(){ ?? if($(this).width() > ywidth) { ??? $(this).width(ywidth); ?? } }); }); |
—
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$(document).ready(function(){ var ywidth = 450;//初始最大宽度 $("img").each(function(){ ?? if($(this).width() > ywidth) { ??? $(this).width(ywidth); ??? $(this).mouseover(function(){ ???? $(this).css("cursor","hand"); ??? }); ??? $(this).click(function(){ ???? window.location.href = $(this).attr("src"); ??? }); ?? } }); }); |
—
|
1 2 3 4 5 |
$("img").each(function(){? ???? if($(this).width() > $(this).parent().width()) {? ???????? $(this).width("100%");? ???? }? }); |
说了这么多代码只有3行而已。其实对于REST理论，貌似在目前的Web应用中最受惠的可能就是图片这一块了，试想同一个url，如果能对带有不同的 header请求返回缩略图，图片描述，图片本身，作者和版权信息，那么图片相关的应用将简洁到一个令人心旷神怡的境界。可惜现在的REST都只是框架级 别的应用，对比传统MVC也没有太明显的优势，或许等服务器端进行一定程度的改善之后，REST才能大行其道吧。