Loading data........
Tin nhanh :
Xem Tivi Online

Tổng hợp các kênh giải trí (Đang cập nhật chức năng..)

New Update

Truyền hình SCTV

SCTV14

SCTV15

SCTV16

SCTV17

SCTV18 HD

Vietnam Channels

VTV1

VTV2

VTV3

VTV4

VTV6

VTV9

VTC Online

VTC1

VTC2

VTC3

VTC4

VTC5

VTC6

VTC Online

VTC7

VTC8

VTC9

VTC10

VTC11

VTC12

Truyền hình tp HCM

HTV1

HTV2

HTV3

HTV4

HTV7

HTV9

Radio Channels

VOV1

VOV2

VOV3

VOV4

VOV5

VOV GT-HN

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

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('.')));
  });
});
Like và chia sẻ với bạn bè :

2 comments:

  1. Cái này chèn trước thẻ đóng body à bạn ơi

    ReplyDelete
  2. :) trước thẻ đóng body bạn chèn vào đâu cũng đc

    ReplyDelete

Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng để lại lời nhắn.Cám ơn bạn đã ghé thăm !

 
Proudly powered by Blogger
Copyright © 2009-. The Color Of Life - All Rights Reserved