forum.okis.ru http://forum.okis.ru/ |
|
слайдер http://forum.okis.ru/viewtopic.php?f=10&t=4737 |
Страница 1 из 1 |
Автор: | royal9 [ 30 ноя 2014, 22:46 ] |
Заголовок сообщения: | слайдер |
Подключаю слайдер на свой сайт код <link rel="stylesheet" href="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/global.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slides.min.jquery.js"></script> <script> $(function(){ $('#slides').slides({ preload: true, preloadImage: 'http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/loading.gif', play: 5000, pause: 2500, hoverPause: true, animationStart: function(current){ $('.caption').animate({ bottom:-35 },100); if (window.console && console.log) { // example return of current slide number console.log('animationStart on slide: ', current); }; }, animationComplete: function(current){ $('.caption').animate({ bottom:0 },200); if (window.console && console.log) { // example return of current slide number console.log('animationComplete on slide: ', current); }; }, slidesLoaded: function() { $('.caption').animate({ bottom:0 },200); } }); }); </script> и <div id="container"> <div id="example"> <img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon"> <div id="slides"> <div class="slides_container"> <div class="slide"> <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-1.jpg" width="570" height="270" alt="Slide 1"></a> <div class="caption" style="bottom:0"> Happy Bokeh Thursday!</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-2.jpg" width="570" height="270" alt="Slide 2"></a> <div class="caption"> Taxi</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-3.jpg" width="570" height="270" alt="Slide 3"></a> <div class="caption"> Happy Bokeh raining Day</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-4.jpg" width="570" height="270" alt="Slide 4"></a> <div class="caption"> We Eat Light</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-5.jpg" width="570" height="270" alt="Slide 5"></a> <div class="caption"> “I must go down to the sea again, to the lonely sea and the sky...”</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-6.jpg" width="570" height="270" alt="Slide 6"></a> <div class="caption"> twelve.inch</p> </div> </div> <div class="slide"> <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/slide-7.jpg" width="570" height="270" alt="Slide 7"></a> <div class="caption"> Save my love for loneliness</p> </div> </div> </div> <a href="#" class="prev"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a> <a href="#" class="next"><img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/arrow-next.png" width="24" height="43" alt="Arrow Next"></a> </div> <img src="http://www.ps-studio.info/WEBPRACTIC/25/examples/with_captions/example-frame.png" width="739" height="341" alt="Example Frame" id="frame"> </div> </div> после установки менЯетсЯ шрифт на всем сайте |
Страница 1 из 1 | Часовой пояс: UTC + 3 часа [ Летнее время ] |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |