Блог для начинающих веб разработчиков. HTML, СSS, Jquery, Drupal и другое.

→ Делаем простой слайдер на jQuery

Опубликовано: 13 апреля 2012

Некоторое время назад, я начал осваивать jQuery. Думаю, все знают, что так называется самая популярная библиотека для разработки и создания сценариев (скриптов) на JavaScript. С её помощью очень просто создавать эффектные и интерактивные элементы сайта.

В этой статье, хочу рассказать, как создать простой универсальный слайдер с использованием jQuery. На самом деле, в сети очень большое количество разнообразных готовых слайдеров, которые порой выглядят очень заманчиво, и достаточно функциональны, но мы сделаем его с нуля.

Итак, какие особенности нашего слайдера на jQuery (который я назвал HWSlider) можно отметить?

  • Простота использования и оформления – я хотел создать простой сценарий без наворотов, поэтому, я не использовал анимации на CSS3, а код получился очень универсальным  и понятным.
  • Возможность вставлять в слайды как изображения, так и любой HTML – код.
  • Возможность прокручивать слайды как по порядку (вперёд - назад), так и выбирать каждый слайд (1,2,3,4…)
  • Автоматически формирующиеся ссылки (предыдущий – следующий, и с номерами слайдов). Вам нужно лишь вставить нужное количество div-ов, а всё остальное рассчитается само. Ну и можно отметить, что количество слайдов неограниченно.

Скрипт совместим со всеми современными браузерами: IE, Opera, Firefox, Safari, Chrome, (т.к. слайдер не использует CSS3).

ДемоСкачать

Начнём с HTML разметки. В нужное место html страницы или шаблона нужно вставить.

<div id="slider-wrap">
	<div id="slider">
		<div class="slide">Здесь содержание слайда 1</div>
		<div class="slide">Здесь содержание слайда 2</div>
		<div class="slide">Здесь содержание слайда 3</div>
	</div>
</div>

Здесь всё просто, как видно, вы можете вставлять сколько угодно слайдов путём создания новых div-ов. Внутрь их можно вставлять любой html код, например картинку или блок с текстом. Не забудьте только подключить саму библиотеку на jQuery в вместе со всеми js - скриптами. Если не знаете как, смотрите в примере.

Далее рассмотрим CSS. Это разметка стилей для нашего jQuery - слайдера. Вставьте код, что приведён ниже в файл стилей (css - файл) вашего сайта или темы.

#slider-wrap{ /* Оболочка слайдера и кнопок */
	width:660px; 
	}
#slider{ /* Оболочка слайдера */
	width:640px;
	height:360px;
	overflow: hidden;
	border:#eee solid 10px;
	position:relative;}
.slide{ /* Слайд */
	width:100%;
	height:100%;
	}
.sli-links{ /* Кнопки смены слайдов */
	margin-top:10px;
	text-align:center;}
.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
	right:10px;
	background:url(arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
	opacity:1;}

Давайте разберём его подробнее. Сначала мы даём основному блоку с идентификатором "slider-wrap", нужную ширину. Так как в него вставляются все остальные блоки, то высоту можно не задавать, она будет зависеть от того, что будет внутри. Затем нам нужно задать размеры контейнера в котором будут находиться слайды. Это – #slider. Зададим ему ширину и высоту, а так же, к примеру, границу в 10 пикселей. Здесь ширина – 640px это меньше чем ширина родителя, так как мы добавляем границы шириной по 10px справа и слева. От ширины этого div-а так же зависит и ширина самих слайдов ( .slide).

И последнее: нам нужно обязательно задать position:relative для контейнера слайдов так как слайды внутри - с абсолютным позиционированием. Для самих слайдов в CSS задаётся только ширина и высота. Остальные свойства задаются уже в jQuery скрипте.

Селектор .sli-links это блок, в котором будут находится кнопки перехода на необходимый слайд. Эти кнопки представляют из себя простые элементы вида <span class="control-slide">номер</span>, которые вставятся в необходимом количестве автоматически, вместе и с их родителем .sli-links. Для кнопок мы задаём красивый вид, а именно делаем каждую кнопку квадратной, выравниваем их все по центру, а так же, благодаря overflow:hidden и text-indent:-9999px, убираем текст, оставляя только фоновые иконки, которые так же меняются при наведении на этот элемент курсора. Для удобства я использовал спрайты, что уменьшило количество изображений.

Далее оформляется активная кнопка. Просто изменяем положение фона. Затем переоформим ссылки для перехода на сдедующий и предыдущий слайды. Вы можете дать им любое оформление, так же как и кнопкам. Данные ссылки вставляются автоматически внутрь #slider. Но чтобы их было видно, я задал им абсолютное позиционирование и верхний слой (z-index:3), чтобы они были отображены над слайдами. Думаю с CSS здесь всё понятно и просто: вы можете поменять практически все свойства, чтобы оформить слайдер так, как вам необходимо.

Давайте теперь рассмотрим сам сценарий:

var hwSlideSpeed = 700;
var hwTimeOut = 3000;
var hwNeedLinks = true;

$(document).ready(function(e) {
	$('.slide').css(
		{"position" : "absolute",
		 "top":'0', "left": '0'}).hide().eq(0).show();
	var slideNum = 0;
	var slideTime;
	slideCount = $("#slider .slide").size();
	var animSlide = function(arrow){
		clearTimeout(slideTime);
		$('.slide').eq(slideNum).fadeOut(hwSlideSpeed);
		if(arrow == "next"){
			if(slideNum == (slideCount-1)){slideNum=0;}
			else{slideNum++}
			}
		else if(arrow == "prew")
		{
			if(slideNum == 0){slideNum=slideCount-1;}
			else{slideNum-=1}
		}
		else{
			slideNum = arrow;
			}
		$('.slide').eq(slideNum).fadeIn(hwSlideSpeed, rotator);
		$(".control-slide.active").removeClass("active");
		$('.control-slide').eq(slideNum).addClass('active');
		}
if(hwNeedLinks){
var $linkArrow = $('<a id="prewbutton" href="#"></a><a id="nextbutton" href="#"></a>')
	.prependTo('#slider');		
	$('#nextbutton').click(function(){
		animSlide("next");

		})
	$('#prewbutton').click(function(){
		animSlide("prew");
		})
}
	var $adderSpan = '';
	$('.slide').each(function(index) {
			$adderSpan += '<span class = "control-slide">' + index + '</span>';
		});
	$('<div class ="sli-links">' + $adderSpan +'</div>').appendTo('#slider-wrap');
	$(".control-slide:first").addClass("active");
	
	$('.control-slide').click(function(){
	var goToNum = parseFloat($(this).text());
	animSlide(goToNum);
	});
	var pause = false;
	var rotator = function(){
	if(!pause){slideTime = setTimeout(function(){animSlide('next')}, hwTimeOut);}
			}
	$('#slider-wrap').hover(	
		function(){clearTimeout(slideTime); pause = true;},
		function(){pause = false; rotator();
		});
	rotator();
});

Сначала в переменных сохраняются настройки: hwSlideSpeed - скорость перелистывания слайдов, hwTimeOut - время спустя которое происходит автоматическая смена слайда, hwNeedLinks - управляет ссылками "Следующий " и "Предыдущий" - если значение этой переменной равно true, то эти ссылки будут отображаться, а если false, то соответственно их не будет (как на главной странице моего блога).

Далее мы устанавливаем необходимые CSS свойства для слайдов с помощью метода .css(). Блоки со слайдами мы накладываем друг на друга используя абсолютное позиционирование, затем скрываем их все .hide(), а затем показываем только первый. Переменная slideNum - это номер активного слайда, то есть счётчик.

Основная логика работы нашего jQuery слайдера - это функция animSlide. Она принимает один параметр. Если мы передадим в неё строки "next" или "prew", то сработают условные операторы и будет отображён соответственно следующий или предыдущий слайд. Если же мы пошлём в качестве значения цифру, то это число станет активным слайдом и он будет показан.

Таки образом эта функция скрывает текущий div, высчитывает новый и показывает его.

Обратите внимание, что методу .fadeIn(), который делает видимым активный слайд, задан второй аргумент. Это, так называемая функция обратного вызова. Она выполняется, когда слайд полностью появится. В данном случае это сделано для обеспечения автоматической прокрутки слайдов. Функция rotator, определённая ниже, вызывает снова функцию animSlide для перехода на следующий слайд через необходимый нам интервал времени: мы получим замыкание, обеспечивающее постоянную прокрутку.

Всё работает нормально, но нам нужно остановить выполнение автоматики, если пользователь подводит курсор к слайдеру, или нажимает кнопки. Для этого создана переменная pause. Если её значение положительно - true, значит автоматического переключения не будет. С помощью метода .hover(), мы указываем: очистить таймер если он запущен - clearTimeout(slideTime), и установить pause = true. А после отвода курсора, отключить паузу и запустить замыкание rotator(). 

Дополнительно нам нужно создать новые элементы на странице и поместить их в нужное место. Используя цикл each() для каждого слайда (div-а с классом .slide), создадим элемент span внутри которого бует число - номер слайда. Это число используется в функции анимации, для перехода к слайду с этим номером. Обернём всё в div с нужными классами, и в итоге получим такую разметку:

<div class="sli-links">
  <span class="control-slide">0</span>
  <span class="control-slide">1</span>
  <span class="control-slide">2</span>
  <span class="control-slide">3</span>
</div>

Затем если в настройках указано, что ссылки "следующий - предыдущий" нужны, то создадим и их, и сразу повесим на них обработчики. В качестве обработчика клика используем ту же самую функцию animSlide, с аргументами "next" и "prew". 

Казалось бы, зачем мы создаём разметку внутри скрипта, а не в HTML коде?. Дело в том, что например, если у пользователя отключены скрипты - он не увидит элементов, которые не будут работать, и это не введёт его в замешательство. Кроме того упрощается код, что неплохо для SEO.

В итоге разметка слайдера будет выглядеть примерно так (в качестве слайдов я использовал изображения, и установил 5 штук):

<div id="slider-wrap">
  <div id="slider">
    <a id="prewbutton" href="#">&lt;</a>
    <a id="nextbutton" href="#">></a>
    <div class="slide" style="position: absolute; top: 0px; left: 0px; display: none">
      <img src="img/001.jpg" width="640" height="360">
    </div>
    <div class="slide" style="position: absolute; top: 0px; left: 0px; display: none">
      <img src="img/002.jpg" width="640" height="360">
    </div>
    <div class="slide" style="position: absolute; top: 0px; left: 0px; display: none">
      <img src="img/003.jpg" width="640" height="360">
    </div>
    <div class="slide" style="position: absolute; top: 0px; left: 0px; display: block">
      <img src="img/004.jpg" width="640" height="360">
    </div>
  </div>
  <div class="sli-links">
    <span class="control-slide">0</span>
    <span class="control-slide">1</span>
    <span class="control-slide">2</span>
    <span class="control-slide active">3</span>
  </div>
</div>

Ниже вы можете посмотреть, как работает наш jQuery слайдер на демо странице, и скачать все необходимые исходники.

ДемоСкачать

На напоследок, пару моментов об интеграции этого слайдера с Drupal. Вы можете добавить этот код в файл шаблона, например в page.tpl.php, и прикрепить скрипт отдельными js-файлом к теме. Jquery в Drupal включен по умолчанию, но работает в режиме совместимости (подробнее). Есть два варианта доработки. Либо обернуть весь js код:

(function ($) {
  // Весь ваш код...
})(jQuery);

или заменить символы $ во всём скрипте на jQuery. Вот так:

jQuery(document).ready(function(e) {
	jQuery('.slide').css(
		{"position" : "absolute",
		 "top":'0', "left": '0'}).hide().eq(0).show();
	var slideNum = 0;
	var slideTime;
	slideCount = jQuery("#slider .slide").size();
	var animSlide = function(arrow){
// и т. д.

В примере уже реализован первый метод.

Спасибо за прочтение! Оставляйте комментарии, приходите ещё. А так же вы можете подписаться на RSS, чтобы получать обновления блога первыми! 

Добавлено: Это ещё не всё. Читайте следующую статью о HWSlider. Там мы добавим новые возможности к данному скрипту.

Поделиться:
Комментарии

Отлично!
А как скрипт доработать, чтобы на странице использовать уже не один слайдер а два и более одновременно - это была бы ценная информация для меня точно.

Александр
ср, 2012-05-02 06:19

Спасибо за первый комментарий на этом блоге :).
Для нескольких слайдеров скрипт доработать думаю можно. Скорее всего придётся использовать метод each().
На днях протестирую и обновлю эту статью.

Faraday
ср, 2012-05-02 06:59

Отлично, жду обновления!

Александр
ср, 2012-05-02 08:08

Если вы ещё здесь будете - статья тут http://heavenweb.ru/prostoy-jquery-slayder-chast-2 :)

Faraday
пн, 2012-05-07 20:31

Благодарствую.

Александр
ср, 2012-05-16 05:44

porno dansk tale dansk anal porno dansk porno stream app dating porno film dansk danske ashley porno best free dating apps danske porno babes travel dating app danske porno skuespiller dansk casting porno real sex dating sites netdate gratis gratis dating dansk gymnasie

porno free shemale dating app netdate dk best date app dating apps dansk porno amanda gratis porno danske piger dansk porno erika sex

date gratis kamilla dansk porno soffie dansk porno sex dating norge

porno film dansk danske clara porno dansk

mor porno gratis dating sex date

mature sex dating helt gratis dating sider dansk porno forum hot dating app bedste danske porno best app for dating

retro dansk porno jasmin dansk

porno sex date gratis danske piger i

porno dating sider danmark dating danmark gratis dansk solo porno shemale sex dating real sex dating sites dansk porno hd dansk amator porno porno med dansk tale dansk porno amalie top 10 dating app

best free sex dating https://www.phyliss.club/dating-sex-site.htm netdate https://www.phyliss.club/danske-porno-skuespillere.htm dating sider sex https://www.phyliss.club/gratis-dating-sites-danmark.htm free online dating apps https://www.phyliss.club/sex-dating-kobenhavn.htm gratis dating sites danmark https://www.phyliss.club/singles-dating-app.htm sex

dating https://www.phyliss.club/sex-chat-dating.htm danske ashley porno https://www.phyliss.club/danske-marie-porno.htm sex dateing https://www.phyliss.club/dating-sex-sites.htm porno danske piger https://www.phyliss.club/love-sex-dating.htm dansk

porno piger https://www.phyliss.club/dating-dk-gratis.htm dansk vintage porno https://www.phyliss.club/date-app.htm dating app https://www.phyliss.club/ella-dansk-porno.htm danske mercedes porno https://www.phyliss.club/gay-sex-dates.htm free porno dansk https://www.phyliss.club/kamilla-dansk-porno.htm dansk gymnasie porno https://www.phyliss.club/free-porno-dansk.htm bedste dating sider https://www.phyliss.club/danske-porno-modeller.htm dansk hjemmelavet porno https://www.phyliss.club/american-dating-app.htm top

sex dating sites https://www.phyliss.club/dansk-porno-model.htm russiske dating

sider https://www.phyliss.club/top-sex-dating.htm dansk porno vanessa https://www.phyliss.club/dansk-pige-porno.htm sex dating website

https://www.phyliss.club/xxx-dansk-porno.htm sex date apps https://www.phyliss.club/gratis-sex-dates.htm dating app danmark https://www.phyliss.club/100-free-sex-dating-sites.htm gratis dansk mobil porno https://www.phyliss.club/erica-dansk-porno.htm hd dansk porno https://www.phyliss.club/dansk-sex-porno.htm porno med dansk tale

вс, 2019-02-03 13:14

Спасибо за понятное описание и простоту дизайна слайдера.

Simka
пт, 2012-07-20 22:14

Очень рад, что вам эта информация оказалась полезной :)

Faraday
чт, 2012-07-26 23:52

Здравствуйте, а можно сделать чтобы одновременно 2 картинки отображались? Просмотрел все слайдеры - нигде такого не нашел.

Сергей
сб, 2012-08-04 00:44

Сергей, вы можете в div который .slide вставить любой HTML код, например две картинки, главное, чтобы они нормально поместились в слайд.

Faraday
сб, 2012-08-04 21:08

top american dating websites social media and online dating ex boyfriend

back on dating site describing myself on a dating site banned sex tapes

free top 5 dating sites in new zealand japanese forced sex what is a good dating website username what is best free online dating site fun sex free online dating sites in asia online speed dating reviews best dating website asian metro dating site

free uk north east dating sites single seniors online dating

whats a good dating profile picture rapunzel porn dating site for open marriages jordan levine porn

big cook sex married dating sites canada first

message dating site sample making the best online dating profile cherokee porn star which dating sites do background checks food porn show phone dating apps seniors online dating canada absolutely free dating sites nz how to clean your ass before anal sex how to write a good first message on a dating site handicap porn quick date site free dating radar app metro dating site older gay dating sites

date night ideas in san diego dating

sex sites free should i be embarrassed to use online dating sex mood enhancer top cougar dating websites i wanna sex you up glee porn dig sex addict dating pua online dating follow up message kung fu panda

porn dating online free uk best free online dating sites for over

50 phone dating apps i'm

too shy for online dating

best usernames for online dating https://www.ranae.space/sex-questions-to-ask-ur-friends.htm consumer reports online dating site ratings https://www.ranae.space/popular-dating-apps-for-free.htm date night in san diego https://www.ranae.space/questions-to-ask-online-dating-sites.htm best

free asian dating sites https://www.ranae.space/dating-profiles-for-guys.htm online dating

addiction relationships https://www.ranae.space/date-spots-vancouver-bc.htm best first date places in chicago https://www.ranae.space/teenage-dating-site-tds.htm largest dating website in the world https://www.ranae.space/relative-dating-online-quiz.htm casual dating site reviews https://www.ranae.space/best-online-dating-in-vancouver-bc.htm best gay dating apps for relationships https://www.ranae.space/black-christian-dating-sites-free.htm free mobile dating

apps australia https://www.ranae.space/dating-site-for-dogs.htm rosebud porn https://www.ranae.space/average-cost-of-online-dating-sites.htm how to stay safe online dating

https://www.ranae.space/short-sex-poems-for-her-dirty.htm dating sites for college students https://www.ranae.space/dating-site-chat-up-line.htm hot date

sites https://www.ranae.space/native-american-dating-website.htm best dating sites nyc free https://www.ranae.space/are-dating-websites-legitimate.htm online

dating liverpool uk https://www.ranae.space/east-london-eastern-cape-dating-sites.htm names of sex

positions in kamasutra https://www.ranae.space/sex-talk-while-dating.htm online dating for lesbian https://www.ranae.space/dating-app-on-itunes.htm christian dating app uk https://www.ranae.space/free-single-mothers-dating-sites.htm slave dating sites https://www.ranae.space/porne-sex.htm jacksonville nc dating sites https://www.ranae.space/best-dating-tips-app.htm dating sites for police officers https://www.ranae.space/no-sign-up-dating-website.htm sex moves to surprise your man youtube video https://www.ranae.space/free-dating-sites-for-60+.htm best free casual sex apps australia https://www.ranae.space/arab-dating-sites-100-free.htm dating sites without

sign up https://www.ranae.space/best-online-dating-website-in-germany.htm japanese

100 free dating site

сб, 2019-02-02 17:58

sex dating website dating app dansk dansk porno elvira russiske dating sider dating esbjerg dansk hardcore porno ella dansk porno datings apps date gratis gratis dating sex dating haderslev danske porno piger danske christina porno dansk porno clara dansk fri porno bedste danske porno dansk 70 er porno new dating app modne danske kvinder porno porno sex dansk hd dansk porno

gay dating apps gratis dating sex dansk porno denice dansk teenager

porno danske porno sites porno med dansk tale

gratis dating dk dansk trans porno porno danske dansk gravid porno danske mia porno dating gratis danske porno film gratis

hard dansk porno hjemmelavet dansk porno gamle danske porno film dating app hater dating app dating slagelse

gratis sex dating danske porno hjemmesider dating

app windows phone porno tube dansk dansk bosse

porno dansk anal porno dansk

mature porno porno dansk best dating apps

for women gode gratis dating sider

sex dating side

dating viborg https://www.narcisa.club/free-sex-date-sites.html dansk gammel porno https://www.narcisa.club/dansk-porno-klip.html dansk

fræk porno https://www.narcisa.club/dansk-hard-porno.html sex pa forste date https://www.narcisa.club/bedste-danske-dating-sider.html transgender dating app https://www.narcisa.club/dating-sider-for-biseksuelle.html ung dansk porno https://www.narcisa.club/dating-sex-sites.html barbie dansk porno https://www.narcisa.club/dansk-sex-og-porno.html dansk porno dvd https://www.narcisa.club/dating-sider-dk.html sex dating uk https://www.narcisa.club/gratis-dating-chat.html dansk porno katja k https://www.narcisa.club/nyt-dansk-porno.html bedste sex dating side

https://www.narcisa.club/dansk-porno-tube.html dansk porno

retro https://www.narcisa.club/sex-dating-australia.html porno film dansk https://www.narcisa.club/dating-app-iphone.html gammel dansk porno https://www.narcisa.club/best-app-dating.html dansk porno bianka https://www.narcisa.club/date-gratis.html ella dansk porno https://www.narcisa.club/free-sex-date-sites.html dansk porno kitti https://www.narcisa.club/dansk-70-er-porno.html dansk porno gratis https://www.narcisa.club/gratis-dating-sites.html dansk porno https://www.narcisa.club/dating-online-gratis.html xxx dansk porno https://www.narcisa.club/danske-porno.html dansk porno dk https://www.narcisa.club/dating-for-sex.html dansk vintage porno

https://www.narcisa.club/gratis-dating-sites-danmark.html dating horsholm https://www.narcisa.club/best-rated-dating-apps.html dating sex sites https://www.narcisa.club/hd-dansk-porno.html porno danske https://www.narcisa.club/hd-dansk-porno.html dansk porno svane

вт, 2019-02-05 23:46

Очередное доказательство того, что всё гениальное - просто. Спасибо за слайдер, слегка доработаю под себя напильником (благо руки не кривые), и будет отлично. Таким и должен быть слайдер: простым и стильным. Жаль, что сейчас тенденция "чем сложнее - тем круче". Мне такой выпендреж ни к чему =)

ср, 2012-08-08 14:58

Amazing blog! Is your theme custom made or did you download it from somewhere?

A design like yours with a few simple tweeks would really make my
blog jump out. Please let me know where you got your design.
Kudos

пт, 2013-08-30 05:00

singel oslo dating nettsteder i norge date kvinner i kristiansund date kvinner i honefoss date kvinner i vennesla norske porno skuespillere dating pa nett erfaringer norsk porno hd norsk dating nettdating tips meldinger gratis norsk dating

porno norsk hvordan mote kvinner date i trondheim beste

date apper dating i trondheim beste datingside i norge norsk tale porno norske dating sider gratis treffe jenter nettdate norge popul nettdate sider finn damer i n norsk porno skogtur datingsider pa nett porno norsk tale treffe jenter

finn single damer date kvinner i tonsberg

norsk porno monica norsk teen porno free norsk porno single kvinner nettdating

svindel datesider norge date pa nettet norsk porno monica gratis datingsider norge dating app norge norsk porno xxx date kvinner i mandal mote nettdate gratis dating i norge datingsider norge

gratis date kvinner i alta datingside pa nett norske synnove porno norske synnove porno

serios dating date kvinner i kristiansund

nettdatingside https://www.claudine.club/norsk-teen-porno.html date kvinner i kristiansand https://www.claudine.club/date-kvinner-i-steinkjer.html norsk porno russ https://www.claudine.club/mote-kvinne.html nettdating app https://www.claudine.club/norsk-porno-no.html nettdating

og svindel https://www.claudine.club/date-kvinner-i-elverum.html date kvinner i halden https://www.claudine.club/dating-oslo.html date i oslo https://www.claudine.club/hvordan-mote-eldre-kvinner.html beste gratis dating app https://www.claudine.club/singel-i-bergen.html date nettsteder https://www.claudine.club/norsk-porno-video.html date i oslo https://www.claudine.club/date-kvinner-i-tonsberg.html gratis norsk amator porno https://www.claudine.club/finn-eldre-damer.html helt gratis norsk dating chat

https://www.claudine.club/norske-monica-porno.html seriose datingsider norge https://www.claudine.club/norske-datingsider-gratis.html finn dameron https://www.claudine.club/norsk-porno-no.html porno med norsk tale https://www.claudine.club/norske-jenter-porno.html finne

kjærligheten https://www.claudine.club/chat-pa-nettet.html norges beste datingside https://www.claudine.club/norske-porno-skuespillere.html chat forum pa nettet https://www.claudine.club/date-pa-nett.html norske porno jenter https://www.claudine.club/dating-side-pa-nettet.html hvordan treffe eldre damer https://www.claudine.club/mote-eldre-kvinner-oslo.html date kvinner

i steinkjer https://www.claudine.club/norsk-lesbe-porno.html norsk porno skogtur https://www.claudine.club/gratis-norsk-amator-porno.html norsk

lesbisk porno https://www.claudine.club/gratis-dating-uten-registrering.html norsk russ porno https://www.claudine.club/norsk-teen-porno.html 100 gratis

datingsider https://www.claudine.club/date-kvinner-i-bodo.html mote eldre kvinner oslo

пн, 2019-02-04 19:23

sexo travesti gratis peliculas porno gratis xxx porno doblado castellano sexo oral a la mujer porno negros porno despedidas de soltera escenas sexo peliculas pov porno descarga videos pornograficos sexo gay castellon videos

porno de pilladas en la calle shizuka porno sexo en santander porno japones videos porno gratis torbe porno espnaol sexo gratis manga

porno gati sexo

calahorra videos espanoles porno video

porno gay sexo gh actriz porno valenciana

porno hd 18 relatos porno madres sexo porrno ets por sexo oral porno gumball selena gomez

sexo maduras amateur porno pelicula porno en espanol ver porno grati comic porno disney videos pornos famosas

porno hermano porno para mujeres porno viejas peludas sexo taboo sexo de

viejas productos de sexo

pelicula porno gay chat sexo sevilla relatos porno gay gratis videos porno hentay videos porno trios pelicilas porno gratis porno gitanos porno bolleras videos porno de castings videosde sexo videos de sexo gratis caseros

video porno angelina jolie https://www.delpha.space/minijuegos-de-sexo.html camaras de sexo https://www.delpha.space/sexo-para-ellas.html sexo oral a mujeres https://www.delpha.space/porno-con-maduras-espanolas.html porno bob esponja https://www.delpha.space/pilladas-sexo.html sexo explicito en peliculas https://www.delpha.space/sexo-abuelas.html comic porno en espanol https://www.delpha.space/petardas-sexo-mobi.html fotos pornos caseras

https://www.delpha.space/videos-sexo-orgias.html porno cumlauder https://www.delpha.space/vidios-porno-duro.html videos porno xnxx https://www.delpha.space/como-hacer-sexo-tantrico.html porno abuelas tetonas https://www.delpha.space/porno-lesvico-espanol.html sexo

gratis amater https://www.delpha.space/sexo-en-palma-de-mallorca.html sexo video maduras https://www.delpha.space/actrices-porno-hungaras.html squirt sexo https://www.delpha.space/porno-hetero.html porno casero de maduras https://www.delpha.space/petardas-sexo-mobi.html dibujos animados porno gratis https://www.delpha.space/videos-pornograficos-gratis-para-adultos.html videos porno en castellano gratis https://www.delpha.space/videos-de-porno-gratis.html webs sexo

https://www.delpha.space/sexo-pene.html ver videos de sexo

porno gratis https://www.delpha.space/pelicula-porno-incesto.html amaia salamanca sexo https://www.delpha.space/porno-mobil.html sex porno xxx

https://www.delpha.space/cambio-de-pareja-porno.html videos porno

de parejas liberales https://www.delpha.space/sexo-gratis-bilbao.html ver videos porno

https://www.delpha.space/videos-porno-gratis-de-dibujos-animados.html latin chat sexo https://www.delpha.space/corridas-porno.html espanolas sexo por dinero https://www.delpha.space/porno-gay-espanol-gratis.html sexo

en el agua https://www.delpha.space/porno-kamasutra.html dragon ball

z porno

вт, 2019-02-05 02:36

Спасибо!!! В первый раз вообще сталкиваюсь с этими скриптами, но за 15 минут вставил все это дело на Друпал!

Евгений Таран
вт, 2012-08-14 17:48

подскажите, как сделать так, чтобы он отображался только на главной? У меня на Друпал 7 на всех страницах.

Евгений Таран
вт, 2012-08-14 18:01

Добрый день. Если вы установили слайдер в page.tpl.php, то можете использовать переменную $is_front, которая будет TRUE, если показывается главная страница, например так:

<?php
  if($is_front){
    //  Здесь код выводится только на главной
}
?>

или создайте отдельный файл page--front.tpl.php который применяется только для главной.

Если слайдер выводится в блоке, смотрите настройки блокка > "Только на перечисленных страницах" и установите там <front>

Faraday
пн, 2012-08-20 15:57

rencontre gay montelimar rencontre jeune femme musulmane femme rencontre homme liege

rencontre femme ukrainienne en france rencontrer des filles rencontre femme beurette site de rencontre couple

site rencontre sexe totalement gratuit rencontre 973 site de rencontre pour depressif rencontre sexe tarbes rencontre asiatique

site de rencontre gratuit 35 rencontre serieuse lyon rencontre coquine

77 rencontre femme handicapee et celibataire rencontre gay cambrai ado rencontre sans inscription rencontre sexe limoges rencontre trans fr site de rencontre black and white canada site de rencontre pour senior en suisse site

de rencontre gratuit avec geolocalisation site de rencontre ado celibataire gratuit sans inscription rencontre des femmes site de rencontre pour personnes mariees ou en couple

rencontre 100 gratuit rencontre coquine roubaix rencontre aix en provence recherche site de rencontre en belgique rencontres vosges site de rencontre pour black gratuit bar rencontre

clermont ferrand rencontre femme poissy rencontre morlaix rencontre femme 60 ans et plus rencontre geekette site de rencontre herault gratuit site rencontre

love you rencontre femme black bordeaux rencontre

dans laisne site de rencontre totalement gratuit 35 rencontre 02 saint quentin site de rencontre oise top

site rencontre rencontre en ligne gratuite femmes site de rencontre pour affaires site de rencontre pour portable rencontre gay sm site de rencontre pour fumeur de joint rencontre caen

rencontre celibataire estrie https://www.brendon.club/rencontre-sexe-verdun.html rediger son profil site rencontre https://www.brendon.club/site-de-rencontre-briser-la-glace.html rencontrer des cougars https://www.brendon.club/rencontre-femme-mariee-forum.html classement site de

rencontre ado https://www.brendon.club/site-italien-de-rencontre.html rencontres sexe toulouse https://www.brendon.club/site-de-rencontre-monde-rural.html rencontre sex lille

https://www.brendon.club/rencontre-ado-ronde.html site de rencontre gratuit sans carte de credit https://www.brendon.club/presentation-site-de-rencontre-humour.html rencontrer

femme philippine https://www.brendon.club/site-de-rencontre-gratuit-serieux-sans-abonnement-pour-les-femmes.html rencontre metz https://www.brendon.club/site-de-rencontre-sen-inscription.html rencontre femme libertine https://www.brendon.club/site-rencontre-sm.html site de rencontre ado iphone https://www.brendon.club/site-de-rencontre-ado-par-cam.html rencontre anglet https://www.brendon.club/site-de-rencontre-noiretable.html site rencontre seniors bordeaux https://www.brendon.club/rencontre-gratuite-79.html rencontre sexe nantes https://www.brendon.club/site-de-rencontre-entre-ado.html site

rencontre paris https://www.brendon.club/rencontre-femme-course-a-pied.html rencontre vannes https://www.brendon.club/rencontre-trans-loire.html site de rencontre en ligne canadien https://www.brendon.club/site-de-rencontre-entre-ado-gratuit.html rencontre

vierge https://www.brendon.club/rencontre-sexe-manche.html rencontre flamme

jumelle https://www.brendon.club/rencontre-serieuse-nice.html rencontre webcam

hot https://www.brendon.club/rencontre-celibataire-a-lyon.html chat rencontre geek https://www.brendon.club/rencontre-asiatique.html chat et rencontre https://www.brendon.club/rencontre-une-femme-musulmane.html rencontre femmes cougars https://www.brendon.club/forum-de-rencontre-pour-ado-gratuit.html rencontre sexe en bretagne https://www.brendon.club/photo-pour-site-de-rencontre-homme.html rencontre femme chinoise https://www.brendon.club/je-recherche-des-site-de-rencontre-gratuit.html rencontre finistere

пн, 2019-02-04 22:54

Отдельно скрипт работает, а когда в свой код вставляю хрень получается какая-то, нету кнопок прокрутки и вообще на меню почему-то залезает (

Алексей
ср, 2012-09-26 15:10

Возможно, проблемы с CSS?. Покажите URL сайта. Тогда я возможно смогу что-нибудь подсказать.

Faraday
пт, 2012-09-28 12:33

Доброго времени суток. С уважением к вам и с вопросом. Вы опубликовали этот скрипт слайдера в свободном доступе как я понял для всех желающих.
Я не программист обучаться поздно, но есть желание вставить ваш слаедер на первую страницу сайта.
Есть простая просьба. Можете помочь в установке этой красоты на моей страничке?
http://www.foto-sk.ru/mar6.htm
Страничка сделана на HTML -коде. Вот как то надо туда воткнуть все это. Не бесплатно. Напишите мне на почту, обсудим.
С уважением, Владимир С.

Владимир
пн, 2012-11-05 18:21

Отличный слайдер. Приятный, достаточно функциональный и легкий!
Спасибо.

Юрий
пт, 2012-11-23 12:40

Спасибо Вам огромно за ваш труд. Скопировал на свой будущий сайтик. Только почему то кнопки автоматически не проставлялись, пришлось вручную прописать.

Андрей
сб, 2012-12-15 15:19

Истинное спасибо за слайдер. Удачи.

Александр
сб, 2012-12-22 18:16

sex porr xxx svensk mogen porr porr hd dejting skoghall

dejta amerikanska tjejer bra gratis dejtingsajter

gratis sex porr porr tjejer

xx porr gratis porr tube porr bajs porr umea dejting

kramfors dejting kramfors gratis porr sprutsugen porr sweden porr stockholm dejtingsajter for aldre dejtar singlar pa natet

dejting tibro porr pa youtube jocke och

jonna porr dejt i stockholm dating pa natet porr i hd dejting harnosand dejting ludvika carola porr milf porr svensk amator

porr porr sex film erotisk porr porr tv dejtingsajter test

porr samlag

gamla kvinnor porr dejting avesta 60 tals

porr dejting ornskoldsvik rumpa porr mogna kvinnor porr thailand porr gratis porr trekant dejting gallivare dejting appar gratis basta dejting sajterna basta dejtingsidan gratis snovit porr dejting avesta hemmagjord svensk porr

natdejting over 50 https://www.agnus.club/gratis-porr-xxx.html natdejting tips presentation https://www.agnus.club/dejting-kungalv.html dejta tjejer fran ukraina https://www.agnus.club/gratis-porr-lesbisk.html porr med gamla damer https://www.agnus.club/porr-barn.html porr jonkoping https://www.agnus.club/dejtingsidor-50+.html sex porr

gratis https://www.agnus.club/gynekolog-porr.html dejting falkenberg https://www.agnus.club/cats-porr.html brudar porr https://www.agnus.club/harig-porr.html dejting jonkoping https://www.agnus.club/porr-i-sverige.html dejting mjolby https://www.agnus.club/porr-samlag.html porr utan virus https://www.agnus.club/porr-sex-film.html dejting fisksatra

https://www.agnus.club/porr.html megan fox porr https://www.agnus.club/dejtingsajter-gratis-for-unga.html porr tuttar https://www.agnus.club/natdejting-for-och-nackdelar.html swingers porr https://www.agnus.club/jobba-med-porr.html dejta tjej med barn https://www.agnus.club/dejting-storvreta.html hemma porr https://www.agnus.club/leb-porr.html porr ridskolan https://www.agnus.club/gratis-porr-aldre-damer.html red

porr https://www.agnus.club/porr-bilder.html porr 50 https://www.agnus.club/dejting-enkoping.html fittor porr https://www.agnus.club/att-dejta-pa-natet.html basta svenska dejtingsajten https://www.agnus.club/porr-pa-mobilen.html dejtingsajter test https://www.agnus.club/dejting-tumba.html cum porr https://www.agnus.club/hitta-porr.html porr bilder https://www.agnus.club/stora-brost-porr.html dejting varnamo

чт, 2019-01-24 19:02

rencontre sexe plan cul plan cul femme chaude plan cul quiberon plan cul coutras plan cul

au gabon plan cul clamart annonce plan cul

nimes gare au gay plan cul rencontre plan cul ado

plan cul valdahon plan cul 94

plan cul aire de repos plan de cul paris plan cul auvergne plan cul sur laval plan cul dans le 47 plan cul sur tours plan cul rethel plan cul femme poilue plan cul vitry le francois plan cul a 2 site plan cul 100 gratuit plan cul chantilly

plan cul dans le morbihan plan cul sur lille rencontre plan cul paris plan cul montelimar plan cul pornichet hotel pour plan cul plan cul rebeu plan cul 04 plan cul rebeu plan cul montauban numero pour plan cul fille cherche plan cul plan cul sodomie plan cul autoroute

plan cul tournefeuille plan cul jarny plan cul collegue site gratuit

pour plan cul plan cul maisons alfort trouver un plan cul rapide

plan cul valence 26 plan cul rouen gratuit plan cul lorient plan cul paris sans inscription plan cul jacquie michel plan cul a aurillac plan cul dans la nievre plan cul annecy

site de plan cul serieux https://www.sindy.space/plan-cul-a-montpellier.htm plan cul autoroute https://www.sindy.space/plan-cul-gratuit-sur-lyon.htm plan cul francaise https://www.sindy.space/plan-cul-3.htm plan cul

en essonne https://www.sindy.space/comment-proposer-plan-cul.htm plan cul bois de vincennes https://www.sindy.space/plan-cul-caen.htm plan gay cul https://www.sindy.space/plan-cul-dans-le-02.htm plan cul gay haut rhin https://www.sindy.space/video-plan-cul-francais.htm plan cul recit https://www.sindy.space/plan-cul-villefranche.htm plan cul dans le

83 https://www.sindy.space/plan-cul-saint-denis.htm chat plan cul gay https://www.sindy.space/video-plan-cul-gratuit.htm plan cul jeune femme

https://www.sindy.space/plan-cul-60.htm plan cul a manosque https://www.sindy.space/comment-se-faire-un-plan-cul.htm forum plan cul nantes https://www.sindy.space/annonce-plan-cul-dijon.htm plan cul essonne https://www.sindy.space/plan-cul-mere-de-famille.htm voyeur plan cul https://www.sindy.space/je-baise-mon-plan-cul.htm plan cul baise https://www.sindy.space/plan-cul-eure-et-loir.htm rencontre femme pour plan cul

https://www.sindy.space/plan-cul-tarascon.htm plan cul rennes gay https://www.sindy.space/plan-cul-italie.htm plan cul oleron https://www.sindy.space/plan-cul-tulle.htm plan cul brioude https://www.sindy.space/plan-cul-morzine.htm plan cul a

dunkerque https://www.sindy.space/salope-cherche-plan-cul.htm plan cul guerande https://www.sindy.space/plan-cul-belfort.htm trouver un plan cul rapide https://www.sindy.space/plan-cul-gratuit-nice.htm plan cul lourdes https://www.sindy.space/plan-cul-antillaise.htm plan cul

vieille femme https://www.sindy.space/plan-cul-a-draguignan.htm plan cul gay finistere

пн, 2019-02-04 22:04

Здорово! просто и быстро.. Только вот не понял где назойливая реклама на сайте?! Сайт ведь будет нравится людям, смотрите аккуратнее..))

Игорь
вт, 2012-12-25 16:27

Здравствуйте!
Скрипт слайдера сделал отдельным файлом .js и всё перестало работать. Подскажите как сделать правильно?

Евгений
пн, 2012-12-31 07:12

Здравствуйте! А как убрать кнопки снизу слайдера, с помощью которых можно выбирать конкретный слайд?
Заранее спасибо.

Артур
вт, 2013-01-01 14:57

Убери из папки img изображение кнопок radioBg.png

Евгений
чт, 2013-01-03 18:57

rencontre couple pour sexe site de rencontre gratuit pour femme rencontre jura rencontre gay brive site de rencontre geek gratuit aix en provence rencontre amicale femme rencontre homme gratuit rencontre gex rencontre gay finistere

site de rencontre avallon site rencontre

nature gratuit rencontre aquitaine homme rencontre sex metz

rencontre des femmes sourdes rencontre

francophone application rencontre sans abonnement rencontre gay 62 rencontres coquines metz rencontres pour une nuit rencontre strasbourg site rencontre

soiree rencontre pontarlier site de rencontre black rencontre etudiant rencontre torcy rencontre 24h cougar rencontre

forum cougard rencontre sexe rencontre lyon comment trouver l amour a 40 ans rencontre

seropositif montreal rencontre avec salope rencontre gay aude site de rencontre black site

de rencontre ado gratuit non payant rencontre celibataire tours rencontre dom

tom top rencontre gap hautes alpes site de rencontre canada gratuit non payant site rencontre trans numero de telephone

salon de rencontre site de rencontre laval gratuit rencontre femme sarthe site de rencontre agen rencontres femmes nues agence rencontre russe faire des rencontres amicales nantes rencontre avec trans rencontre gay

ille et vilaine avis site de rencontre gratuit pour les hommes comment faire pour rencontrer quelqu un de

bien

metisse rencontre https://www.obdulia.club/rencontre-couple-mixte.htm site de

rencontre seniors nice https://www.obdulia.club/rencontre-ado-nice.htm site de rencontre gratuit 30 https://www.obdulia.club/site-rencontre-gratuit-sexe.htm rencontre

lesbiennes https://www.obdulia.club/rencontres-tulle-19.htm libertin rencontre https://www.obdulia.club/sit-rencontre-extra-conjugale.htm rencontre travesti a paris https://www.obdulia.club/rencontre-montreal-celibataire.htm rencontre femme poitiers https://www.obdulia.club/rencontre-celibataire-dole.htm rencontre oyonnax 01100 https://www.obdulia.club/rencontre-gay-black.htm rencontres pont audemer https://www.obdulia.club/site-de-rencontres-bdsm.htm site rencontre 974 https://www.obdulia.club/site-de-rencontre-seniors-entierement-gratuit.htm rencontres adultes

grenoble https://www.obdulia.club/site-de-rencontre-gratuite-pour-femme.htm rencontre amour sourds https://www.obdulia.club/rencontre-coquine-sexe.htm rencontre tarn et garonne https://www.obdulia.club/site-de-rencontre-dans-laude.htm site

de rencontre gratuit 44 sans inscription https://www.obdulia.club/rencontres-femmes-rondes.htm toulouse rencontre https://www.obdulia.club/site-de-rencontre-femme-noire-pour-homme-blanc.htm site

de rencontre 100 gratuit pour les hommes https://www.obdulia.club/comparatif-site-de-rencontre.htm site

de rencontre gratuit 28 https://www.obdulia.club/rencontre-st-flour.htm rencontre coquine nancy

https://www.obdulia.club/site-rencontre-gratuit-avis.htm site

de rencontre 18 25 https://www.obdulia.club/rencontre-fist.htm rencontrer cougar

https://www.obdulia.club/rencontre-100-100-gratuit.htm rencontre femme blonde https://www.obdulia.club/site-de-rencontre-02.htm site de rencontre

gratuit sex https://www.obdulia.club/rencontre-coquine-telephone.htm rencontres coquines limoges https://www.obdulia.club/site-rencontre-ado-lyon.htm site

de rencontre totalement gratuit et non payant https://www.obdulia.club/rencontre-d-un-soir-paris.htm rencontrer le grand amour a 40 ans https://www.obdulia.club/rencontre-des-amis-sur-facebook.htm site de rencontre damis gratuit non payant

чт, 2019-01-24 21:27

best dating site in us top dating apps in seattle

most reliable dating website free chat line phone numbers in florida american dating website mortal kombat mileena porn best

canadian dating sites for over 40 free video calling dating sites

best first online dating questions best date ideas san antonio free online dating sites

in japan app for dating free redneck online dating

sex tablets for male online the perfect

first message online dating slave dating sites grouper dating app online dating free uk singles clubs in san antonio texas hatsune miku porn online dating italy free catholic singles free search highest success rate dating site dating sites apps for blackberry dating

website profile writers crazy sex tumblr rock music dating

app online dating bbw single mom

dating apps united state dating site free online dating pick up lines a good online dating profile headline best dating online profile message for dating site dating site without registration slave dating sites interracial dating in kansas city mo list of free dating site in the world tumblr sex in public online dating profile picture good

slogans for dating websites free dating sites for your mobile phone online date

girls relationship advice chat room sex

positions for conceiving all dating sites in the world big woman dating site top 10 free christian dating sites best perth dating sites free to message dating sites questions to ask online dating first message

list of free dating sites in the world https://www.reynalda.club/stigma-of-online-dating.html which online

dating site is best uk https://www.reynalda.club/rape-porn-videos.html mature dating sim apps

https://www.reynalda.club/various-online-dating-websites.html sex blind date https://www.reynalda.club/dating-a-former-sex-worker.html what online dating site should i

use https://www.reynalda.club/south-florida-dating-sites.html shemale porn tube https://www.reynalda.club/dating-websites-for-threesomes.html nude dating

sites https://www.reynalda.club/free-canada-dating-site-without-payment.html online dating advice forum uk

https://www.reynalda.club/kikuyu-dating-site.html online dating email https://www.reynalda.club/yoga-pants-sex-tumblr.html free online mobile dating https://www.reynalda.club/best-online-christian-dating-websites.html herpes online dating australia https://www.reynalda.club/dating-site-for-older-adults.html interracial dating apps for iphone https://www.reynalda.club/sex-audio-tumblr.html free online sex stories https://www.reynalda.club/dating-sites-boston-free.html having sex for the first time with a more experienced person https://www.reynalda.club/single-mom-dating-websites.html free online dating website

https://www.reynalda.club/what-to-say-to-someone-you-like-on-a-dating-site.html sex info 101 https://www.reynalda.club/best-online-dating-sites-for-black-singles.html most popular online date

uk https://www.reynalda.club/totally-free-dating-sites-uk.html dating

sites married https://www.reynalda.club/american-dating-free-online-usa.html tips on writing a good online dating profile https://www.reynalda.club/online-dating-in-east-london.html sex male female images https://www.reynalda.club/sex-bunny-meaning.html best us military dating sites https://www.reynalda.club/personal-online-dating-site.html online dating profile subject

lines https://www.reynalda.club/kentucky-sports-dating-site.html sex mmo https://www.reynalda.club/white-nationalist-dating-site.html porn moive https://www.reynalda.club/online-dating-respond-not-interested.html sex consent form https://www.reynalda.club/office-sex-marsh-ltd-new-zealand.html having sex

after every date

пт, 2019-01-25 03:14

Убрать картинки не вариант, как сделать правильней указал на пару комментариев ниже.

Faraday
пт, 2013-01-04 20:56

porno anos 30 sexo extremo videos porno con mujeres

maduras fotos pornos mejor

actriz porno sexo asiaticas madura sexo peliculas porno nuevas sexo con travesti sexo del bueno videos de pornos gratis clara lago sexo porno gay maduro dia internacional del sexo videos pornos rubias 19 porno madurita porno gays maduros vaginas porno largometrajes

porno simpsons porno sexo guaro videos porno amateurs gratis

videos porno maduras gordas videos porno moras sexo con tetonas videos pornograficos gratis en castellano mujer madura sexo tauro en el sexo videos porno gratis caseros desnudas porno videos porno en fiestas

sexo mercado madrid sexo con espanolas

maduras sexo entre abuelas

videos porno faking gratis el sexo debil el

sexo el mejor porno

porno herotico cine pornografico irina shayk porno algeciras sexo porno 3 gp porno us despedidas de

soltera sexo mdma sexo chats gratis sexo sexo en orihuela relatos porno cortos vidios porno grtis videos porno amateur espanolas

videos porno extremo https://www.eufemia.club/video-de-sexo-porno.htm videos porno tetonas https://www.eufemia.club/sexo-oral-posturas.htm porno de morenas https://www.eufemia.club/sexo-xxx-videos-gratis.htm videos porno largos gratis https://www.eufemia.club/tetas-sexo.htm porno espanol maduras https://www.eufemia.club/cambio-de-sexo.htm sexo brusco https://www.eufemia.club/videos-porno-maduras-amateur.htm chicas sexo tenerife https://www.eufemia.club/porno-tetas-enormes.htm blogs porno gay

https://www.eufemia.club/sexo-porno-en-espanol.htm videos porno gratis colegialas https://www.eufemia.club/videos-caseros-de-sexo.htm sexo porno https://www.eufemia.club/porno-incestuoso.htm porno webcam

https://www.eufemia.club/porno-3g.htm cambio de sexo pelicula https://www.eufemia.club/sexo-ancianos.htm video porno orgias https://www.eufemia.club/castings-porno-en-espanol.htm sexo duro anal https://www.eufemia.club/porno-hd.htm monica bellucci sexo https://www.eufemia.club/despedidas-porno.htm mujeres

maduras porno https://www.eufemia.club/sexo-anal-gordas.htm sexo por placer

https://www.eufemia.club/sexo-con-maduras-en-espanol.htm videos porno voyeur https://www.eufemia.club/sexo-entre-transexuales.htm video porno nacho

vidal https://www.eufemia.club/mujer-busca-sexo.htm videos pornos para descargar https://www.eufemia.club/porno-anime.htm relatos porno suegras https://www.eufemia.club/famosas-desnudas-porno.htm fotos sexo https://www.eufemia.club/videos-porno-de-cuarentonas.htm contactos sexo avila https://www.eufemia.club/porno-con-maduros.htm videos porno de

kim kardashian https://www.eufemia.club/sexo-gratis-en-lugo.htm paginas para sexo gratis https://www.eufemia.club/porno-nudistas.htm pelis porno japonesas

пт, 2019-01-25 17:10

А как сделать каждый слайд ссылкой ?

Евгений
чт, 2013-01-03 18:59

Например так:

<div class="slide">
	<a href="dcs.html"><img height="350" src="img/001.jpg" width="640" /></a>
</div>
Артур
пт, 2013-01-04 20:33

Верно, можно так, а если же нужен именно текст ссылкой, вместо картинки можно добавить любую вёрстку какую хотите :)

Faraday
пт, 2013-01-04 20:55

rencontre midi pyrenees toulouse rencontre pute - https://www.carline.space/rencontre-pute.html site de rencontre gay black site rencontre seniors gratuit non payant

- https://www.carline.space/site-rencontre-seniors-gratuit-non-payant.html sites rencontres un soir rencontre pour une nuit montreal - https://www.carline.space/rencontre-pour-une-nuit-montreal.html rencontre coquine

cotes d armor site de rencontre gros seins - https://www.carline.space/site-de-rencontre-gros-seins.html rencontre poitiers site de rencontre fiable ado

- https://www.carline.space/site-de-rencontre-fiable-ado.html rencontres femme russe gratuit site de rencontre gratuit

40 landes - https://www.carline.space/site-de-rencontre-gratuit-40-landes.html site de rencontre jura 39

site de rencontre sm gratuit - https://www.carline.space/site-de-rencontre-sm-gratuit.html rencontres sexe sarthe rencontre sexe a nantes - https://www.carline.space/rencontre-sexe-a-nantes.html rencontre

poitiers rencontre coquine poitiers - https://www.carline.space/rencontre-coquine-poitiers.html rencontre coquine calais

site de rencontre ado gratuit - https://www.carline.space/site-de-rencontre-ado-gratuit.html

rencontre halal lyon tchat de rencontre - https://www.carline.space/tchat-de-rencontre.html rencontre campagne nature site rencontre extra conjugale

avis - https://www.carline.space/site-rencontre-extra-conjugale-avis.html rencontre gay rodez

cam rencontre - https://www.carline.space/cam-rencontre.html

rencontre herblay rencontre gap hautes alpes - https://www.carline.space/rencontre-gap-hautes-alpes.html

rencontre sans capote rencontre transexuelle toulouse - https://www.carline.space/rencontre-transexuelle-toulouse.html rencontre midi pyrenees

toulouse site de rencontres - https://www.carline.space/

site de rencontre limoges rencontre sans inscription - https://www.carline.space/rencontre-sans-inscription.html rencontre femme auxerre site de rencontre homme asiatique gratuit - https://www.carline.space/site-de-rencontre-homme-asiatique-gratuit.html rencontre chaude

rencontre lesbienne celibataire - https://www.carline.space/rencontre-lesbienne-celibataire.html

rencontre sexy skype site de rencontre entre fille et garcon - https://www.carline.space/site-de-rencontre-entre-fille-et-garcon.html rencontre gay lens rencontre 22 lamballe - https://www.carline.space/rencontre-22-lamballe.html site

de rencontre extra gratuit rencontre caen - https://www.carline.space/rencontre-caen.html

bar rencontre rennes rencontres ephemere - https://www.carline.space/rencontres-ephemere.html rencontrer actrice porno

site de rencontre gratuit 17 - https://www.carline.space/site-de-rencontre-gratuit-17.html chat rencontre sex rencontre sans inscription - https://www.carline.space/rencontre-sans-inscription.html

rencontre sortie culturelle

rencontre sexe gratuit https://www.carline.space/rencontre-avec-travesti.html proposer a une fille de se rencontrer

https://www.carline.space/application-pour-rencontrer-ses-voisins.html rencontre telephonique gatineau https://www.carline.space/rencontre-discrete-gratuite.html top 20 site de rencontre gratuit https://www.carline.space/site-de-rencontre-entierement-gratuit.html rencontre

gratuite 78 https://www.carline.space/rencontre-entre-couple.html rencontre

celibataire dax https://www.carline.space/rencontres-amicales-perpignan.html rencontre nevers https://www.carline.space/rencontre-coquine-a-lorient.html rencontre gay luxembourg

https://www.carline.space/rencontre-liverdun.html rencontre

japonaise https://www.carline.space/rencontres-coquines-bordeaux.html site de rencontres gratuit pour les filles https://www.carline.space/rencontre-28.html rencontre

femme 55 65 ans https://www.carline.space/site-de-rencontres-gratuites.html site de rencontre musulman https://www.carline.space/numero-rencontre-non-surtaxe.html top site de rencontre https://www.carline.space/rencontre-bi-toulouse.html rencontre gay finistere https://www.carline.space/site-de-rencontre-gratuit-dans-02.html rencontre bisex

https://www.carline.space/les-sites-de-rencontres-100-gratuit.html site

de rencontres gratuit pour les filles https://www.carline.space/rencontre-amicale-rhone-alpes.html rencontres libertine https://www.carline.space/ou-rencontrer-des-amish.html rencontre sexe pau https://www.carline.space/site-de-rencontre-entre-femme-gratuit.html rencontre sur rennes https://www.carline.space/rencontre-femme-sourde-muette.html rencontre

gay aix https://www.carline.space/rencontre-saint-die-des-vosges.html rencontre sexe lyon https://www.carline.space/rencontres-hard.html rencontre discrete angers https://www.carline.space/site-rencontre-amical.html rencontre a gisors 27140 https://www.carline.space/rencontre-gay-arras.html sites rencontres sans inscription https://www.carline.space/site-rencontre-naturiste.html site de rencontre a la campagne

gratuit https://www.carline.space/site-de-rencontre-xxx.html site rencontres adulteres

чт, 2019-01-24 17:01

Но так он просто уберёт изображения этих кнопок и при наведении на их предполагаемое место указатель мыши меняется. А значит они всё равно остаются. А мне нужно их совсем убрать.

Артур
пт, 2013-01-04 20:32

Уберите часть Java Script кода в которых формируются эти кнопки, а именно:



var $adderSpan = '';
$('.slide').each(function(index) {
	$adderSpan += '<span class = "control-slide">' + index + '</span>';
});
$('<div class ="sli-links">' + $adderSpan +'</div>').appendTo('#slider-wrap');
$(".control-slide:first").addClass("active");
$('.control-slide').click(function(){
var goToNum = parseFloat($(this).text());
	animSlide(goToNum);
});

Это находится на 42-52 строчках примера в статье, либо 116-125 строках в файле демо.

Или попробуйте обновленый скрипт слайдера, там я сделал специальные настройки для этого.

Faraday
пт, 2013-01-04 20:53

Спасибо, кнопки убрались.

Артур
сб, 2013-01-05 19:02

dans ton cul salope wawa porno com salope en magasin levrette a la maison chateau levrette porno mother son sexe en photo baise au couvent roman photo sexe bbc porno porno tele

jeune salope dans la rue du

vrai porno cougar salope porno vieux couple branlette du clito body painting porno

solo sexe je

veux du sexe video sexe porno pregnant sexe olivia la pute

baise clandestine salope vosges chevre

qui baise arabe mature porno bonne baise en couple porno hongrois

partouze mixte film porno hard puke sexe aime la baise

sexe et internet sexe tape amateurs salope leche femme ronde beurette brittanya

porno vieux sexe image porno partouze bombe beurette levrette lit porno lupo baise amateur insolite baise vagin artificiel baise

ch un couple baise

baise avec une jeune maquillage pute

beurette mature suce couple arabe baise bonne baise milf

education d une pute https://www.saturnina.space/a-80-ans-elle-baise-encore.htm pute du gard https://www.saturnina.space/porno-cochonne.htm plus bonne actrice porno https://www.saturnina.space/video-de-grosse-partouze.htm il baise sa locataire https://www.saturnina.space/baise-sur-nantes.htm meuf bonne porno https://www.saturnina.space/baise-libre.htm college porno https://www.saturnina.space/sonia-porno.htm chevre baise https://www.saturnina.space/porno-gode-ceinture.htm levrette au reveil

https://www.saturnina.space/gif-branlette.htm sexe deux femmes et un homme https://www.saturnina.space/branlette-exhib.htm baise et suce

https://www.saturnina.space/lesbo-porno.htm porno arabe

voile https://www.saturnina.space/kim-des-marseillais-porno.htm un sexe masculin https://www.saturnina.space/plombier-baise-sa-cliente.htm sexe solo homme https://www.saturnina.space/sexe-de-femme-gratuit.htm photo de baise amateur https://www.saturnina.space/camera-cache-porno.htm video porno catherine ringer https://www.saturnina.space/porno-petite-teen.htm amateur baise sur

la plage https://www.saturnina.space/photo-beurette-porn.htm demon du

sexe https://www.saturnina.space/pute-rennes.htm porno propre https://www.saturnina.space/sexe-dans-un-bus.htm porno jeune 18 https://www.saturnina.space/sexe-en-avion.htm ma belle soeur me baise https://www.saturnina.space/grosse-salope-moche.htm sexe fetichiste https://www.saturnina.space/baise-x-gratuit.htm salope en cuissardes https://www.saturnina.space/salope-du-cher.htm couple baise al hotel https://www.saturnina.space/bourgeoise-prise-en-levrette.htm pute en camionette https://www.saturnina.space/numero-de-pute.htm baise la serveuse https://www.saturnina.space/3d-sexe.htm fille

vierge baise

чт, 2019-01-24 19:50

contactar mujeres maduras anuncios sexo cantabria

contactos con mujeres en avila conocer mujeres madrid contactos

con mujeres en valladolid paginas web para conocer gente de otros paises conocer gente mayor en zaragoza conocer gente separada barcelona milanuncios contactos mujeres navarra chica busca chico mataro sitios

para conocer a gente en madrid mujeres que buscan pareja amor y amistad chicas que buscan hombre contactos mujeres en burgos chica

busca sexo esporadico chico busca chico mataro chico busca chica puno chico busca chico granada chica

busca chico anuncio mujeres ricas solteras anuncios sexo coruna contactos zaragoza chicas segunda mano contactos

mujeres chica busca parejas chicas de contacto sevilla chica busca chica en madrid conocer a mujeres solteras

mujeres buscando hombres en houston milanuncios contactos mujeres navarra contactos con mujeres en terrassa redes sociales para conocer gente del mundo

contacto chicas tenerife chicas que buscan chicas sitios donde conocer gente gratis chica busca chico san sebastian contacto chica busca chico sitios para chatear y conocer gente

contactos mujeres en sevilla donde puedo

conocer mujeres mayores pagina para encontrar gente cerca anuncios chicas valencia chica busca chico malaga como conocer chicas en londres

red social hacer amigos buscar

amigos para chatear video chicas en busca de chicas

busco chica romantica para salir de este habitat chica busca sexo

anuncios de mujeres solteras mujeres que busquen pareja estable en burgos anuncios sexo ferrol

chico busca chico en salamanca https://www.deeanna.club/chats-para-conocer-gente-nueva.htm preguntas raras

para conocer ala gente https://www.deeanna.club/contactos-mujeres-tarrega.htm chica

busca chico para https://www.deeanna.club/contacto-chicas-valencia.htm como conocer a gente en la universidad https://www.deeanna.club/como-conocer-a-personas-nuevas.htm chica

busca chico en asturias https://www.deeanna.club/chica-busca-chico-gratis.htm contactos chicas figueres https://www.deeanna.club/chica-busca-chico-oviedo.htm chicas

buscan sexo en barcelona https://www.deeanna.club/anuncios-para-mujeres-embarazadas.htm paginas web para conocer personas de todo el

mundo https://www.deeanna.club/lugares-para-conocer-mujeres-solteras.htm contactos mujeres en valencia https://www.deeanna.club/anuncio-sex-gijon.htm buscando una chica https://www.deeanna.club/contactos-de-mujeres-en-alicante.htm ligar conocer gente https://www.deeanna.club/conocer-chicas-por-barcelona.htm busco hombre para relacion informal https://www.deeanna.club/milanuncios-contactos-mujeres-ourense.htm conocer

gente girona https://www.deeanna.club/aplicacion-para-conocer-gente-hot.htm contactos con chicas las palmas https://www.deeanna.club/foro-conocer-gente-burgos.htm contactos

de mujeres para sexo https://www.deeanna.club/conocer-gente-gratis-sin-registro.htm como hacer amigos en facebook rapido https://www.deeanna.club/para-conocer-gente-de-otros-paises.htm chico busca chico en almeria https://www.deeanna.club/chicas-contactos-zaragoza.htm contacto mujeres leon https://www.deeanna.club/mujeres-solteras-para-matrimonio.htm busco

chico para matrimonio por papeles https://www.deeanna.club/contactos-mujeres-don-benito.htm gente para chatear

por whatsapp https://www.deeanna.club/mundo-sex-anunciocom.htm chicas contactos madrid https://www.deeanna.club/contactos-mujeres-liberales.htm conocer mujeres rusas gratis https://www.deeanna.club/chica-joven-busca-maduro.htm como conocer mujeres de

canada https://www.deeanna.club/milanuncios-contactos-de-chicas.htm red

social para conocer personas de otro pais https://www.deeanna.club/buscar-amigos-para-chatear.htm paginas para conocer a gente nueva https://www.deeanna.club/contactos-con-mujeres-en-espana.htm contactos chicas pamplona

сб, 2019-02-02 20:20

Спасибо автор за полезный урок!) Пример очень понравился)

Отличный слайдер!

Творческих успехов!)

Алекс
ср, 2013-01-09 11:48

plan cul passif plan cul italie

rencontre plan cul montpellier rencontre plan cul lyon annonce plan cul gay plan cul basse normandie

plan cul en drome plan cul pontarlier site plan cul entierement gratuit tinder pour plan cul plan cul avec mon ex plan cul dans le 95

bon plan cul gratuit plan cul gay rouen plan cul de fou com

plan cul avec mec

plan cul mere celibataire plan cul pontarlier plan cul deux

sevres plan cul trans paris plan cul valenciennes plan cul a peronne plan cul louviers plan cul en drome

plan cul figeac video x plan cul plan cul sur beauvais plan cul gratuit var plan cul

gratuit charente plan cul jeune plan cul a domicile plan cul 16 plan cul gay senior

plan cul montpellier gratuit bref je suis un plan cul plan gay cul plan cul

montbrison annonce plan cul limoges annonce plan cul strasbourg plan cul neuchatel plan cul a beziers plan cul black

plan cul lesbienne plan cul luxembourg plan cul streaming plan cul avec beurette plan cul femme grosse plan cul en voiture plan cul

dans l ain plan cul angers gratuit tinder

pour plan cul

plan cul st omer https://www.hermelinda.club/chat-plan-cul-sans-inscription.html plan cul gratuit en vendee https://www.hermelinda.club/plan-cul-lausanne.html plan cul vesoul https://www.hermelinda.club/plan-cul-gay-angers.html plan cul saint valentin https://www.hermelinda.club/plan-cul-vienne-38.html plan 2 cul https://www.hermelinda.club/plan-cul-valdahon.html plan cul

histoire https://www.hermelinda.club/plan-cul-levrette.html plan cul a montauban https://www.hermelinda.club/plan-cul-autour-de-moi.html plan cul albi https://www.hermelinda.club/plan-cul-la-reole.html plan cul sur st malo https://www.hermelinda.club/plan-cul-charente.html ronde plan cul https://www.hermelinda.club/plan-cul-vierzon.html plan cul

sur saint nazaire https://www.hermelinda.club/rencontre-plan-cul-95.html plan cul pas cher https://www.hermelinda.club/plan-cul-33.html trouver un plan cul gratuit https://www.hermelinda.club/plan-cul-gay-vosges.html video

x plan cul https://www.hermelinda.club/plan-cul-annecy.html plan cul 18 https://www.hermelinda.club/plan-cul-aix-en-provence.html plan cul rumilly https://www.hermelinda.club/plan-cul-gay-oise.html plan cul en camping car https://www.hermelinda.club/forum-de-plan-cul.html plan cul pour

gay https://www.hermelinda.club/plan-cul-gay-chalons-en-champagne.html plan cul internet https://www.hermelinda.club/plan-cul-ce-soir-gratuit.html plan cul 67 https://www.hermelinda.club/plan-cul-bastia.html plan cul vannes gratuit https://www.hermelinda.club/femme-moche-plan-cul.html plan cul rouen vivastreet

https://www.hermelinda.club/plan-cul-dans-le-coin.html plan cul dans

le 18 https://www.hermelinda.club/mon-plan-cul-fr.html plan cul dans le 95 https://www.hermelinda.club/plan-cul-bourgoin.html plan cul a peronne https://www.hermelinda.club/plan-cul-10.html plan cul now

пт, 2019-01-25 17:16

Хороший, легкий слайдер. Очень понравился.
Спасибо!

Алексей
ср, 2013-01-23 22:09

Отличный слайдер. Очень простой !!!

Спасибо за поделку. Пожалуй подпишусь на блог.

Творческих успехов !!!

сб, 2013-02-02 20:11

Наверное самый логичный, удобный и простой слайдер из всех что я видел. Однозначно огромный плюс! *Beer*

пилот дирижабля
сб, 2013-02-09 02:10

Страницы

Комментировать