Листать картинки на сайте очень просто...

Подключаем javascript и css:

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

Сам слайдер:

<div id="slider">
	<img src="images/slide1.jpg" alt="" />
	<a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" /></a>
	<img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
	<img src="images/slide4.jpg" alt="" />
</div>

Вызываем функцию слайдера:

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>

Скрипт имеет много эффектов листания и гибкие настройки.

Источник: http://nivo.dev7studios.com/

  • Digg
  • del.icio.us
  • Facebook
  • В Живую Ленту Google
  • FriendFeed
  • LinkedIn
  • MySpace
  • Twitter
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • БобрДобр
  • Добавить ВКонтакте заметку об этой странице