2015-09-17 16 views
2

Кто-нибудь знает о существующем плагине jquery, который я могу использовать для достижения этого эффекта?Круговой эффект на слайдер

Мне нужны изображения для кругового кругооборота и изменения масштаба.

enter image description here

+0

может у предоставить фрагмент кода, так что мы можем помочь – kulotskie

ответ

2

Вы можете использовать один: http://www.bkosborne.com/jquery-waterwheel-carousel/

Простой демо со страницы:

JavaScript

... 
<!-- note: should work with jQuery 1.4 and up --> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"> 
<script type="text/javascript" src="/jquery.waterwheelCarousel.min.js"> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#carousel").waterwheelCarousel({ 
     // include options like this: 
     // (use quotes only for string values, and no trailing comma after last option) 
     // option: value, 
     // option: value 
    }); 
    }); 
</script> 
... 

CSS

... 
<style type="text/css"> 
    #carousel { 
    width:800px; 
    height: 300px; 
    display: relative; 
    } 
    #carousel img { 
    display: hidden; /* hide images until carousel prepares them */ 
    cursor: pointer; /* not needed if you wrap carousel items in links */ 
    } 
</style> 
... 

HTML

... 
<div id="carousel"> 
<img src="/image1.jpg" alt="Image 1" /> 
<img src="/image2.jpg" alt="Image 2" /> 
<img src="/image3.jpg" alt="Image 3" /> 
<img src="/image4.jpg" alt="Image 4" /> 
<img src="/image5.jpg" alt="Image 5" /> 
</div> 
... 
+0

FYI: Этот плагин не мобильный дружественный на всех так что это не будет работать, если вы планируете использовать его для планшета или мобильный телефон. – jimmyplaysdrums

Смежные вопросы