Tự động thêm thuộc tính TITLE - ALT cho thẻ Image

Thông thường khi là việc với thẻ Images, chúng ta thường thêm những thuộc tính dùng để chú thích tên hoặc mô tả cho thẻ đó. Đôi khi đối với những trang web có tới hàng trăm những bức ảnh khác nhau khiến chúng ta mất khá nhiều thời gian cho việc thêm vào phần mô tả này. Một thủ thuật nhỏ sử dụng 1 đoạn mã javascript bên dưới  sẽ giảm bớt phần nào trong quá trình phát triển web. Đoạn script dưới đơn giản là lấy luôn tên của ảnh làm phần gợi ý để thêm vào thuộc tính của thẻ "ALT" & "TITLE" của bất kỳ bức ảnh nào.

VD: Khi chưa chèn đoạn script dưới:

<img src="vietnam.jpg width="100" height="50" />

Sau khi thêm đoạn script

<img src="vietnam.jpg width="100" height="50" alt="vietnam"  title="vietnam"/>

Đoạn mã tự động:

 //Auto Add 'alt' attribute to IMG
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});  

 //Auto Add 'title' attribute to IMG
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});