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

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 %}

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:

<a href="{{api.r.getRequestUri()}}&view_add=fb-all-fofo&_r=h">Tất cả ảnh</a>

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

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

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 %}

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

Ảnh demo tất cả ảnh

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

Code by HanhPhucAo

cái này an có mà dài hơn hehe

woa......chả có gì hấp dẫn

Không có lời nào đẹp đẽ thì nên im lặng bạn nhé

đấy k đẹp thì còn cái j đẹp

cái iphone đẹp

What is this code?

Hey Hpa làm sao để 4 ảnh trên 1 dòng mà đầy body thế?

This code about list photo layout and user info in gallery

Làm theo HD, không cần sửa gì