Tự động resize cho các hình ảnh có kích cỡ lớn

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Đoạn script dưới đây sẽ tự động tạo link tự động cho các ảnh có kích cỡ lớn trong trang của bạn.

Nguyên tắc như sau: tìm kiếm các ảnh có kích cỡ lớn hơn 1 kích cỡ quy định, sẽ điều chỉnh chiều rộng của các hình ảnh này đến kích cỡ quy định và tạo link cho hình ảnh có kích cỡ thật của nó. Cái này rất hữu ích cho các trang có nhiều ảnh tràn cột.

 

<script type="text/javascript">
//auto link for large images
function resizeImg(img_max_size){
var img = document.images;
for(var i=0;i<img.length;i++){
if(img[i].width > img_max_size){
if(img[i].parentNode.nodeName=="A"){
img[i].width = img_max_size;
} else {
var a = document.createElement("a");
a.href = img[i].src;
a.target = "_blank";
a.innerHTML = '<img src="'+img[i].src+'" width="'+img_max_size+'"/>';
if(!navigator.appName.match("Microsoft Internet Explorer")){
img[i].parentNode.replaceChild(a,img[i]);
} else {
img[i].width = img_max_size;
img[i].applyElement(a,"outside");
}}}}}
resizeImg(400);
</script>

 

Bạn hãy thay số 400 thành kích cỡ lớn nhất mà bạn quy định cho hình ảnh, đơn vị Pixel.

Chúc các bạn thành công !