Áp dụng PrettyPhoto Plugin cho tất cả image

Nếu đang áp dụng PrettyPhoto cho blog của mình thì bạn sẽ nhận ra là phải chèn thuộc tính rel="prettyphoto" cho từng ảnh, nay sự phiền hà đó không còn nữa, chỉ cần ảnh có anchor tag (a tag) là sẽ tự động kích hoạt lightbox. Cách làm này thật ra không có gì ghê gớm, tuy vậy cũng ghi ra đây cho những ai cần.




Đoạn code của thủ thuật là như thế này:
<link href='.../prettyPhoto.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='.../jquery.min.js' type='text/javascript'/>
<script src='.../jquery.prettyPhoto.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
</script>
Chỉ cần sửa đoạn màu đỏ thành thế này:
jQuery(".post-body a img").parent().prettyPhoto();
Kiểm tra kết quả, bạn nhận ra tất cả ảnh trong bài đăng đã tự động kích hoạt lightbox, bạn cảm thấy "sướng".