Слайдер изображений с эффектом вращения на CSS3 и jQuery
1 2 3 4 |
<link rel="stylesheet" type="text/css" href="/css/styles.css" /> <script src="/js/jquery.min.js"></script> <script src="/js/jquery.rotate.js"></script> <script src="/js/script.js"></script> |
2#: Следующий код в то место, где будет сам слайдер:
1 2 3 4 5 6 7 8 9 10 11 12 |
<div id="slideShowContainer"> <div id="slideShow"> <ul> <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li> <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li> <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li> <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li> </ul> </div> <a id="previousLink" href="#">»</a> <a id="nextLink" href="#">«</a> </div> |