bx 슬라이드

bx슬라이더.html

jquery.bxslider.zip

$('#slider1').bxSlider({

  mode: 'fade',

  auto: true,

  autoControls: true,

  pause: 2000

});

$('#slider2').bxSlider({

  auto: true,

  autoControls: true,

  pause: 3000,

  slideMargin: 20

});

<h3>Slideshow 1</h3>

<ul id="slider1">

  <li><img src="/images/730_200/hill_trees.jpg" /></li>

  <li><img src="/images/730_200/me_trees.jpg" /></li>

  <li><img src="/images/730_200/houses.jpg" /></li>

</ul>

<h3>Slideshow 2</h3>

<ul id="slider2">

  <li><img src="/images/730_200/tree_root.jpg" /></li>

  <li><img src="/images/730_200/trees.jpg" /></li>

  <li><img src="/images/730_200/hill_road.jpg" /></li>

</ul>