Текущее время: 18 ноя 2019, 18:52

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  [ 1 сообщение ] 
Автор Сообщение
 Заголовок сообщения: слайдер
СообщениеДобавлено: 30 ноя 2014, 22:46 
Не в сети

Зарегистрирован: 28 июн 2013, 19:24
Сообщения: 57
Откуда: Набережные Челны
Подключаю слайдер на свой сайт

код

<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 сообщение ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: MSN [Bot]


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron