შესვლა

დასახელება: Slider / სლაიდერი
ავტორი: saba-web
სისტემა: uCoz
დემო: Click

აღწერა: ეს არის სლაიდერი. ასევე შეგიძლიათ შეცვალოთ სურათები თქვენი სურვილით. უბრალოდ დაკვირდით კოდში სურათის ლინკებს

Code
<link rel="stylesheet" type="text/css" href="http://stock-exchange.ucoz.com/magazin/style.css" />
<script type="text/javascript" src="http://stock-exchange.ucoz.com/js/script.js"></script>
<body>
<div id="wrapper">
  <div id="container">
  <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
  <div id="slider">
  <ul>
  <li><img src="http://demo.gelesson.net/slider/photos/1.jpg" width="558" height="235" alt="Image One" /></li>
  <li><img src="http://demo.gelesson.net/slider/photos/2.jpg" width="558" height="235" alt="Image Two" /></li>
  <li><img src="http://demo.gelesson.net/slider/photos/3.jpg" width="558" height="235" alt="Image Three" /></li>
  <li><img src="http://demo.gelesson.net/slider/photos/4.jpg" width="558" height="235" alt="Image Four" /></li>
  </ul>
  </div>
  <div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
  <ul id="pagination" class="pagination">
  <li onclick="slideshow.pos(0)"></li>
  <li onclick="slideshow.pos(1)"></li>
  <li onclick="slideshow.pos(2)"></li>
  <li onclick="slideshow.pos(3)"></li>
  </ul>
  </div>
</div>

<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
  id:'slider',
  auto:4,
  resume:false,
  vertical:false,
  navid:'pagination',
  activeclass:'current',
  position:0,
  rewind:false,
  elastic:true,
  left:'slideleft',
  right:'slideright'
});
</script>





986
ავტორი: saba-web კატეგორია: სკრიფტები
სულ კომენტარები: 2