Jquery j360 - Hiển thị sản phẩm 360 độ

Tên gốc : jQuery Plugin For Draggable 360 Degrees Product Image View - j360

 

Sử dụng :

 

1. Thêm đoạn code vào Website :

 

 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

<script type='text/javascript' src='js/j360.js' ></script>

 

 

2. Tạo HTML hiển thị hình ảnh

 

 

<div id='product'> 2

<img src='images/01.jpg' /> 

<img src='images/02.jpg' />

 <img src='images/03.jpg' />

<img src='images/04.jpg' />

 <img src='images/05.jpg' />

 ... 

</div>

 

 

3. Khai báo javascript

 

 

<script type='text/javascript'>

 jQuery(document).ready(function() {

jQuery('#product').j360();

 });

 </script>

 

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

http://www.jqueryscript.net/rotator/jQuery-Plugin-For-Draggable-360-Degrees-Product-Image-View-j360.html

BẠN SẼ QUAN TÂM

Script giúp tự động thả tim, tải ảnh hoặc video trên Facebook và Instagram

Thủ thuật 28-03-2018, 10:02

Hôm nay, TCN xin chia sẻ với các bạn hai đoạn mã script đơn giản nhưng có chức năng cực kỳ hữu ích, giúp tự động thả.

Khắc phục lỗi "MySQL Table...crashed and last (automatic?) repair failed"

Thủ thuật / Bảo mật 24-11-2017, 21:25

Chắc hẳn bạn đang gặp rắc rối với lỗi 'MySQL Table 'table_name' is marked as crashed and last (automatic?) repair.

Đây là cách xóa bỏ cài đặt Product key trên máy tính Windows

Thủ thuật 21-07-2016, 02:44

Việc xóa bỏ cài đặt Product Key trên máy tính Windows giúp bạn có thể thay thế key bản quyền khác để kích hoạt lại.

Sửa giao diện Blogger bị mã hóa Javascript thật dễ dàng

Thủ thuật 25-05-2015, 00:28

Hưỡng dẫn sửa giao diện trên các Template của Blogger bị mã hóa javascript với các bước hưỡng dẫn chi tiết và thật.

Giao diện bán xe TROY Automotive Cars Portal - HTML Template

Thủ thuật 20-01-2015, 00:28

Sang trọng quý phái với giao diện Troy Car đây là mẫu chuyên sử dụng trong lĩnh vực thiết kế website bán xe ô tô. Khá.

Giao diện Đẳng cấp với Porto - Responsive HTML5 Template v3.7

Thủ thuật 19-01-2015, 23:32

Đúng với cái tên của nó, Porto là một mẫu giao diện đứng số 1 trong cửa hàng bán giao diện Themeforest về lượng người.

BookBlock: A Content Flip Plugin

Thủ thuật / Mã nguồn 17-09-2012, 02:35

Một plugin jQuery mà sẽ tạo ra một thành phần giống như cuốn sách nhỏ cho phép bạn điều hướng thông qua các mục của nó.

Photo Booth Strips with Lightbox

Thủ thuật / Mã nguồn 16-09-2012, 03:05

Băng ảnh đứng đẹp mắt với Lightbox 2 di chuyển bằng cách lăn bi với phong cách lạ với 'Photo Booth Strips with Lightbox'.

ĐỪNG BỎ LỠ