Hướng dẫn Hướng dẫn tạo xem ảnh lớn dạng popup đẹp cho xenforo

[theanhk]

Xin chào mọi người!
Hôm nay, Mình xin hướng dẫn mọi người cách làm xem ảnh dạng popup đẹp cho xenforo. Mặc định xenforo cũng có chức năng "Xem ảnh lớn" nhưng mặc định khá xấu (Theo mình là vậy).
Bắt đầu nhé!
Đầu tiên là demo:

Demo online: http://forum.4rgameprivate.com/
Sau đây là cách làm
Các bạn vào trang admin tìm đến Templates PAGE_CONTAINER
Thêm vào trước thẻ </head> đoạn code:

<!-- Phong to img -->
<script type="text/javascript" src="http://forum.4rgameprivate.com/highslide/highslide.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://forum.4rgameprivate.com/highslide/highslide.css" />
<script type="text/javascript" src="http://forum.4rgameprivate.com/highslide/resize_images.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('.messageContent img').wrap(function(){
return '<a title="{xen:raw $title}" class="highslide" href="'+ $(this).attr('src')+'" onclick="return hs.expand(this)"></a>';
});
});
</script>

<!-- End -->

Ok, thế là xong vào trang và xem kết quả
Nguồn: forum.4rgameprivate.com

 

[Coolboyhn]

Oánh dấu!

 

[SangNTP]

Xen 1.5.1 hiện tại mình làm không được. Không biết code nguồn còn dùng được không?

 

[mcjury]

Làm xong và bấm vào hình Loading cả tiếng đồng hồ

 

[logliu21]

mình làm hok dc (