DEMO
Установка:
1. Скачайте архив и залейте файлы себе на сервер в одноименный папки.
2. Перед </head> вставьте:
Code
<link href="/style/image-slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="/js/image-slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });
});
</script>
3. Разметка слайдера (можете поместить код в глобальный блок):
Code
<div id="container">
<div id="slider">
<div>
<img alt="Selena Marie Gomez" src="images/1.jpg" />
<a href="#" target="_blank">Selena Marie Gomez</a>
</div>
<div>
<img alt="Jennifer Joanna Aniston" src="images/2.jpg" />
<a href="#" target="_blank">Jennifer Joanna Aniston</a></div>
<div>
<img alt="Jennifer Marie Morrison" src="images/3.jpg" />
<a href="#" target="_blank">Jennifer Marie Morrison</a></div>
<div>
<img alt="Michelle Christine Trachtenberg" src="images/4.jpg" />
<a href="#" target="_blank">Michelle Christine Trachtenberg</a></div>
<div>
<img alt="Olivia Wilde" src="images/5.jpg" />
<a href="#" target="_blank">Olivia Wilde</a></div>
<div>
<img alt="Avril Ramona Lavigne" src="images/6.jpg" />
<a href="#" target="_blank">Avril Ramona Lavigne</a></div>
<div>
<img alt="Megan Denise Fox" src="images/7.jpg" />
<a href="#" target="_blank">Megan Denise Fox</a></div>
<div>
<img alt="Jennifer Love Hewitt" src="images/8.jpg" />
<a href="#" target="_blank">Jennifer Love Hewitt</a></div>
<div>
<img alt="Sarah Michelle Gellar" src="images/9.jpg" />
<a href="#" target="_blank">Sarah Michelle Gellar</a></div>
</div>
</div>
