Slider / სლაიდერი 2024-05-06 |
დასახელება: 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> |
სულ კომენტარები: 2 | |