3D галерея изображений через плагин Waterwheel Carousel на jQuery
|
1 2 3 4 5 6 7 |
<link type="text/css" rel="stylesheet" media="all" href="/css/local.css" /> <script type="text/javascript" src="/js/jquery.waterwheelCarousel.js"></script> <script type="text/javascript"> $jqNew(document).ready(function () { $jqNew("#waterwheel-carousel-default").waterwheelCarousel(); }); </script> |
2#: Следующий код в то место, где будет располагаться галерея:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<div id="waterwheel-carousel-default"> <div class="carousel-controls"> <div class="carousel-prev"> <a href="#">< Назад</a></div> <div class="carousel-next"> <a href="#">> Вперёд</a></div> </div> <div class="carousel-images"> <img alt="Test Image 1" src="/images/testImage1.png" /> <img alt="Test Image 2" src="/images/testImage2.png" /> <img alt="Test Image 3" src="/images/testImage3.png" /> <img alt="Test Image 4" src="/images/testImage4.png" /> <img alt="Test Image 5" src="/images/testImage5.png" /> <img alt="Test Image 6" src="/images/testImage6.png" /> <img alt="Test Image 7" src="/images/testImage7.png" /> <img alt="Test Image 8" src="/images/testImage8.png" /> <img alt="Test Image 9" src="/images/testImage9.png" /> <img alt="Test Image 10" src="/images/testImage10.png" /> <img alt="Test Image 11" src="/images/testImage11.png" /> </div> </div> |
