Responsive 3D Carousel Slider jQuery Plugin Supporting IE8, IE9

JQuery Plugin 3d Carousel Slider is a simple 3D user interface element/widget. It supports all major browsers including IE8,9 with the best effort. The full-dimensional effect requires CSS Transform3D support browsers. This piece works not only with pictures but any HTML elements as a child.

responsive 3d carousel, 3d carousel slider bootstrap, pure css 3d carousel, 3d carousel slider javascript, rotating carousel css, 3d carousel autoplay

How to make use of it:

1. Include the JQUERY library and other required resources on your web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-resize/1.1/jquery.ba-resize.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

2. Include Carousel-3D.js after the JQUEY Library.

<script src="carousel-3d.js" ></script>

3. Enter your photos with the next/previous navigation on your web page as follows.

<div data-carousel-3d>
  <img src="images/left.png" data-carousel-3d-prev>
  <img src="images/right.png" data-carousel-3d-next>

  <ul data-carousel-3d-children>
    <li><img src="1.jpg"></li>
    <li selected><img src="2.jpg"></li>
    <li><img src="3.jpg"></li>
    <li><img src="4.jpg"></li>
    <li><img src="5.jpg"></li>
    <li><img src="6.jpg"></li>
  </ul>

</div>

responsive 3d rotating carousel, jquery 3D carousel slider Plugin/Github


See Demo And Download

Official Website(PAIO-CO-KR): Click Here

This superior jQuery/javascript plugin is developed by PAIO-CO-KR. For extra advanced usage, please go to the official website.

Share