Ánh sáng Box (hộp Fancy) Widget Đối với hình ảnh và Liên kết Blogger
Lưu ý: hack này không làm việc hoàn hảo với các blogger. vì vậy xin vui lòng chờ đợi cho đến khi chúng ta tìm thấy giải pháp tốt nhất cho hack này.
Câu trả lời là sử dụng tiện ích này mới tuyệt vời.
Xin vui lòng xem bản demo này và click vào hình ảnh để xem làm thế nào nó đang làm việc.
Nó rất dễ dàng để tích hợp này hack vào blog của bạn chỉ trong bước 1.
Khuyến cáo: Hãy sao lưu mẫu của bạn (Download Full Template) Trước khi thực hiện bất kỳ thay đổi.
Và Bộ luật tiếp theo.
</ Head>
<Liên kết href = 'http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox.css' phương tiện truyền thông = 'màn hình' rel = 'kiểu' loại = 'text / css "/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.easing.1.3.js' type='text/javascript'/>
<Script type = 'text / javascript' />
<script type='text/javascript'>
$ (Tài liệu) đã sẵn sàng (function ().
$ ("A") fancybox ();
});
</ Script>
Và các widget sẽ làm việc ngay bây giờ tự động với tất cả các hình ảnh blog của bạn.
Một khi bạn hoặc khách truy cập blog của bạn click vào bất kỳ hình ảnh trên blog của bạn, hình ảnh sẽ được hiển thị trong một khung hình đẹp và thanh lịch.
<a href=" "> Hình ảnh URL <img style="MARGIN: 0px auto 10px; width: 178px; height: 133px;" src=" URL Hình ảnh "/> </ a>
Ví dụ. nếu bạn có 6 hình ảnh trong bài viết của bạn, và thêm thẻ rel = "groub1" 3 hình ảnh của bạn, và thẻ rel = "groub2" cho thêm 3 hình ảnh. một khi bạn nhấp chuột vào một hình ảnh, nó sẽ được hiển thị trong một khung với các nút tiếp theo và trước đó, nút này sẽ đưa bạn đến 2 hình ảnh khác với cùng một thẻ rel.
Thêm thẻ rel?
Đây là mã hình ảnh trước khi thêm thẻ rel
<a href=" "> Hình ảnh URL <img style="MARGIN: 0px auto 10px; width: 178px; height: 133px;" src=" URL Hình ảnh "/> </ a>
<a rel="group1" href=" "> URL Hình ảnh <img style="MARGIN: 0px auto 10px; width: 178px; height: 133px;" src=" URL Hình ảnh "/> </ a>
Và bây giờ thêm thẻ sau đây. Title = "Tiêu đề ảnh"
Và các mã được như thế này
rel="group1" title="Image Title" href=" URL "> ảnh <img style="MARGIN: 0px auto 10px; width: 178px; height: 133px;" src=" URL Hình ảnh "/> </ a>
<a href="http://www.allblogtools.com/"> Blogger Templates </ a>
title = "Link Title" class = "khung nội tuyến"
do đó, nó sẽ được
<a href="http://www.allblogtools.com/" Tiêu đề title="Link class="iframe"> Blogger Templates </ a>
Đăng nhận xét