Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Javascript] Hiển thị hình ảnh chủ đề cho phiên bản mobile
[Javascript] Hiển thị hình ảnh chủ đề cho phiên bản mobile
Trang 1 trong tổng số 1 trang • Share
[Javascript] Hiển thị hình ảnh chủ đề cho phiên bản mobile
Demo:
[You must be registered and logged in to see this image.]Hướng dẫn:
- Vào Administration Control Panel (ACP) > Display > Colors > CSS stylesheet
Quăng cái này vào css:- Code:
.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }
- Tạo 1 javascript với
+ Title: Cài đặt hình ảnh mobile
+ Placement: In all the pages
- Code:
$(function() {
var mode = 0;
/* -- Mode Options -- */
// 0 : Shows all images by default
// 1 : Shows images only when clicked
if (!_userdata.page_desktop) return;
var a = document.getElementsByTagName('A'), i = 0, j = a.length,
showImage = function() {
if (/img_link/.test(this.className)) {
this.onclick = null;
this.removeAttribute('class');
this.innerHTML = '<img class="mobile_image" src="' + this.href + '" alt="' + this.innerHTML + '" />';
return false;
}
};
for (; i < j; i++) {
if (/img_link/.test(a[i].className)) {
switch (mode) {
case 0 :
a[i].removeAttribute('class');
a[i].innerHTML = '<img class="mobile_image" src="' + a[i].href + '" alt="' + a[i].innerHTML + '" />';
break;
case 1 :
a[i].onclick = showImage;
break;
default :
a[i].onclick = showImage;
break;
}
}
}
});
Khuyến cáo sử dụng code:
Các bạn nên chỉnh sửa như sau để khi load bằng mobile được nhẹ nhàng hơn mà không phải chờ load ảnh:
Demo:
[You must be registered and logged in to see this image.]
Các bạn tìm trong javascript trên:
- Code:
mode = 0
nên chỉnh thành:
- Code:
mode = 1
Chúc các bạn thành công !
[You must be registered and logged in to see this image.]
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15428
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :Online Offline
Tuổi : 26
Location : Ninh Thuận
[Click để xem tài sản HelpsFMvi]
Similar topics
» [Thông báo và Cập nhật] Social sharing on the mobile version - Chia sẽ mạng xã hội cho phiên bản di động
» [Javascript] Thông báo POPUP ẩn/hiện
» [TUT] Tối ưu hóa hình ảnh diễn đàn của bạn
» [Code] Vô hiệu hóa phiên bản điện thoại
» [Javascript] Tạo nút thêm bạn bè
» [Javascript] Thông báo POPUP ẩn/hiện
» [TUT] Tối ưu hóa hình ảnh diễn đàn của bạn
» [Code] Vô hiệu hóa phiên bản điện thoại
» [Javascript] Tạo nút thêm bạn bè
Trang 1 trong tổng số 1 trang
Diễn Đàn Hỗ Trợ Forumvi :: Share & Support Fourumvi :: Code[Javascript] Hiển thị hình ảnh chủ đề cho phiên bản mobile
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|