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

Часовой пояс: 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 часа [ Летнее время ]


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

Сейчас этот форум просматривают: нет зарегистрированных пользователей


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

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