[WapEGO] Chuyển hình ảnh thành văn bản trong bố cục danh sách ảnh tích hợp xem tất cả ảnh | Lập trình Khác | Góc Lập Trình - Diễn đàn tổng hợp

Đăng ký | Đăng nhập | Quên Pass?

Diễn đàn » Góc Lập Trình » Lập trình Khác » [WapEGO] Chuyển hình ảnh thành văn bản trong bố cục danh sách ảnh tích hợp xem tất cả ảnh

Bạn phải để Bình luận

23-08-2016

LeYTi (Sáng Lập!)
Level

MAX

0
VnMaster

Trước đây, WapEgo đã có sẵn, nhưng do nâng cấp thêm chỉnh sửa bố cục ảnh nên các liên kết bằng văn bản đã chuyển thành hình ảnh, khá nặng KB với người có nhiều ảnh.

Hôm nay, mình sẽ hướng dẫn các bạn khắc phục điều đó và đồng thời tích hợp thêm tính năng xem tất cả ảnh. Sau đây là hướng dẫn:

Bước 1: Các bạn vào Thiết kế (Design) > Cài đặt bố cục (Layout settings) > Thư viện ảnh (Gallery) > Bố cục danh sách ảnh (Photo list layout), xoá hết đi, dán code sau vào:

{% set idf=photo_link|split('foto=')[1]|split('&')[0] %}
{% if api.r.get('view_add')!='fb-all-foto' %}
{% if current_photo == false %}
[<a href="/galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{photo_id}}&foto={{idf}}&_h=layout">{{idf}}</a>]
{% else %}
[<font color="red">{{idf}}</font>]
{% endif %}
{% else %}
<a href="galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{photo_id}}&foto={{idf}}" class="img-pre" title="{{api.u.get(api.r.get('uid')).nick}}" data-fancybox-group="thumb"><img src="{{photo_thumbnail}}" class="all_photo"/></a>
{% endif %}

Copy code

Bước 2: Cũng trong bố cục thư viện ảnh, bạn vào "Thông tin người dùng trong thư viện", thêm code sau vào nơi bạn muốn đặt liên kết đến xem tất cả ảnh:

Copy code

thêm code sau vào đầu ô:

{% if api.r.get('view_add')!='fb-all-foto' %}

Copy code

và code sau vào cuối ô:

{% else %}
<div class="title">Ảnh của {{user_nick}}</div>
<div class="center">
{{photo_layout}}
</div>
<div class="left">
<a href="galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{api.r.get('foto_uid')}}&foto={{api.r.get('foto')}}" class="img-pre" title="{{api.u.get(api.r.get('uid')).nick}}" data-fancybox-group="thumb">« Trang trước</a>
</div>
{% endif %}

Copy code

Sau khi hoàn thành ta sẽ có bố cục dạng [1] [2 ] [3] [4] ...

Ảnh demo tất cả ảnh

[WapEGO] Chuyển hình ảnh thành văn bản trong bố cục danh sách ảnh tích hợp xem tất cả ảnh

[Mở ảnh]

Chúc các bạn thành công!
Code by HanhPhucAo

#1 [0 ]

Tổng số 1 bình luận

Chia sẻ bài viết: Sắp xếp:

Liên kết:
BBcode:

Tags: