HTML Slider bằng liên kết đính kèm

Ads By Google

Hướng dẫn tạo slider bằng liên kết đính kèm như sau, tận dụng liên kết đính kèm của blog chúng ta có thể tạo html slider cho bài viết như sau

HTML Slider bằng liên kết đính kèm
Đoạn HTML như sau
<div class=’slideNewsDetails’>
  <div class=’slider-post clearfix’>
    <div class=’slider-big’>
      <b:loop index=’item’ values=’data:post.enclosures’ var=’enclosure’>
        <div class=’item’>
          <a class=’img’ data-fancybox=’gallery’ expr:href=’data:enclosure.url’ expr:title=’data:post.title + &quot; – Ảnh &quot; + data:item’>
            <img expr:data-src=’data:enclosure.url’ expr:src=’resizeImage(data:enclosure.url, 749, &quot;16:9&quot;)’ expr:title=’data:post.title + &quot; – Ảnh &quot; + data:item’ />
          </a>
        </div>
      </b:loop>
    </div>
    <div class=’slider-small’>
      <b:loop index=’item’ values=’data:post.enclosures’ var=’enclosure’>
        <div class=’item’>
          <img expr:data-src=’data:enclosure.url’ expr:src=’resizeImage(data:enclosure.url, 142, &quot;16:9&quot;)’ expr:title=’data:post.title + &quot; – Ảnh &quot; + data:item’ />
        </div>
      </b:loop>
    </div>
  </div>
</div>
Các bạn tham khảo thêm nhé

Ads By Google

ads nè