jQuery галерея

Поделиться81Вс, 22 Май 2011 22:05:19

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

rps
Deff
дайте мне тот готовый код уже на то, что получилось - Бог с ней с этой скоростью, пусть уже будет, как есть...
А то я вижу, что обо мне уже совсем забыли

0

Поделиться82Вс, 22 Май 2011 22:32:04

Автор: Mistery Woman
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 359
Уважение: +24
Позитив: +15
Последний визит:
Сб, 24 Июн 2023 12:14:08

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

пока буду учиться самостоятельно...

0

Поделиться83Вт, 24 Май 2011 04:11:17

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Насчёт моей карусели. Там нужен fancybox, он не будет конфликтовать с lightbox?

0

Поделиться84Вт, 24 Май 2011 11:40:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Finka написал(а):

Насчёт моей карусели. Там нужен fancybox, он не будет конфликтовать с lightbox?

Нарисуйте еще раз: - как карусель должна располагацо на Вашем форуме, еще раз ссылку на карусель и ник - пароль на Ваш ресурс - (*скройте его под 1000 сообщений

0

Поделиться85Вт, 24 Май 2011 14:03:51

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Deff
Располагаться в шапке.
http://www.baijs.nl/tinycircleslider/ - третья, где на циферки надо жать и тогда картинка прокручивается.

Отредактировано Finka (Пт, 27 Май 2011 07:28:09)

0

Поделиться86Вт, 24 Май 2011 14:06:41

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Deff
ПС. карусель уже располагается, всё туда засунуто. надо только остановить вращение, чтобы картинка прокручивалась, толкьо когда жмёшь. Ну и модальное окно чтобы выскакивало, когда жмёшь, а не перекидывало на другую страницу.

0

Поделиться87Вт, 24 Май 2011 14:08:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Finka ясн (К поздно вечером постараюсь

Отредактировано Deff (Вт, 24 Май 2011 14:08:35)

0

Поделиться88Вт, 24 Май 2011 19:30:58

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Я делала вот так, как здесь Lytebox на форуме (слайдшоу и фотогалерея) описано у Павла (пост №1) и тоже ничего не получается :dontknow:
А где Паша? Я уже давно его жду!

0

Поделиться89Вт, 24 Май 2011 20:37:01

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Elka написал(а):

А где Паша? Я уже давно его жду!

А Вы не будете дожидаться, пока мы попробуем поменять скорость слайдера?
Вот это всё в ХТМЛ-верх:

Код:

<script type="text/javascript" src="http://www.baijs.nl/tinycircleslider/js/jquery.tinycircleslider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#rotatescroll').tinycircleslider({ interval: true, snaptodots: true });
});
</script>
<style type="text/css">
.mybb_bs { 
  position: absolute;
  z-index: 100000 !important;
  top: -63px !important;
  left: 30%;
}

#pun {
  position: relative;
  top: 35px;
}

#pun-title table {
  height: 450px;
  background: url(http://savepic.net/1179716.jpg);
}

.title-logo span {
  display: none;
}

#rotatescroll {
  height:450px; 
  position: relative; 
  width: 820px; 
  margin: 0 auto -450px auto;
}
#rotatescroll .viewport {
  height: 450px; 
  position: relative; 
  margin: 0 auto; 
  overflow: hidden; 
  width: 100%; 
}
#rotatescroll .overview { 
  position: absolute; 
  width: 798px; 
  list-style: none; 
  margin: 0; 
  padding: 0;  
  left: 0; 
  top: 0;
}
#rotatescroll .overview li {
  height: 300px; 
  width: 900px; 
  float: left; 
  position: relative;
}
#rotatescroll .overlay {
  position: absolute; 
  left: 0; 
  top: 0; 
  height: 300px; 
  width:300px;
}
#rotatescroll .thumb {
  position: absolute;
  top: -3px; 
  cursor: pointer; 
  left: 137px; 
  width: 26px;
  z-index: 200;  
  height: 26px;
}
#rotatescroll .dot {
  display: none; 
  height: 12px; 
  width: 12px; 
  position: absolute; 
  left: 155px; 
  top: 3px; 
  z-index: 100;
}
#rotatescroll .dot span {
  display: none;
}
</style>

<div id="rotatescroll">
  <div class="viewport">
   <ul class="overview">
<li><img rel="group" src="http://savepic.net/1241309.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1204236.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1195020.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1239055.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1182765.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1215503.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1209359.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1193999.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1237006.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1218561.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1205249.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1196033.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1191937.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1220608.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1206272.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1189888.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1179648.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1243139.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1234947.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1227779.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1217539.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1236994.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1208322.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1226778.jpg" alt="header" /></li>
<li><img rel="group" src="http://savepic.net/1211418.jpg" alt="header" /></li>
  </ul>
 </div>
 <div class="dot"></div>
 <div class="overlay"></div>
 <div class="thumb"></div>
</div>

а это в ХТМЛ-низ:

Код:

<script type="text/javascript">
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
</script>

+1

Поделиться90Вт, 24 Май 2011 21:17:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

rps, Паш - мож этот симатичней ? >
<script type="text/javascript" src="http://hostjs-mybb2011.narod.ru/js/jquery.tinycircleslider.js"></script>

Отредактировано Deff (Вт, 24 Май 2011 21:17:45)

0

Поделиться91Вт, 24 Май 2011 21:33:11

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Deff
Поставил, смотри сам.

+1

Поделиться92Вт, 24 Май 2011 21:53:51

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

rps написал(а):

Поставил, смотри сам.

:blush: Поправил

0

Поделиться93Вт, 24 Май 2011 22:23:02

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

rps написал(а):

А Вы не будете дожидаться, пока мы попробуем поменять скорость слайдера?

rps
Deff, а это возможно? Хотелось бы, конечно! Очень хотелось бы!

0

Поделиться94Вт, 24 Май 2011 22:46:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Elka Вот на сколько можно - уменьшил - далее уже будут видны отрывки - см у Павла на форе

http://tps.0pk.ru/

Отредактировано Deff (Вт, 24 Май 2011 22:47:27)

0

Поделиться95Вт, 24 Май 2011 23:30:46

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Deff написал(а):

Вот на сколько можно - уменьшил -

Deff, это уже немножечко лучше! А ещё больше уменьшить, как я понимаю, уже не получится?
Если нет, то скажите, что там нужно исправить!
И спасибо большое Вам и Павлу!

Отредактировано Elka (Вт, 24 Май 2011 23:31:18)

0

Поделиться96Ср, 25 Май 2011 00:28:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Finka, чтобы не крутилось нун true переправить на false в скрипте - фотогаллерею пока приделать не смог... - разбираюсь -

<script type="text/javascript">
$(document).ready(function(){
$('#rotatescroll').tinycircleslider({ interval: false, snaptodots: true });
});
</script>

+1

Поделиться97Ср, 25 Май 2011 00:29:54

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Elka написал(а):

Если нет, то скажите, что там нужно исправить!

это <script type="text/javascript" src="http://www.baijs.nl/tinycircleslider/js/jquery.tinycircleslider.js"></script>
на это

<script type="text/javascript" src="http://hostjs-mybb2011.narod.ru/js/jquery.tinycircleslider.js"></script>

Отредактировано Deff (Ср, 25 Май 2011 00:30:15)

+1

Поделиться98Ср, 25 Май 2011 00:50:25

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Deff
Большое спасибо!

0

Поделиться99Ср, 25 Май 2011 02:55:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Вчера 22:45:52

Finka написал(а):

Deff ПС. карусель уже располагается, всё туда засунуто. надо только остановить вращение, чтобы картинка прокручивалась, толкьо когда жмёшь. Ну и модальное окно чтобы выскакивало, когда жмёшь, а не перекидывало на другую страницу.

В самый верх HTML верх ставим

<link rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/website0000.css" media="screen"/>
<script type="text/javascript" src="http://hostjs-mybb2011.narod.ru/js/jquery-110.js"></script>

Там где нужна карусель cтавим>

Код:

	<!-- OPEN ROTATE UI -->
	<div id="rotatescroll3">
	<div class="viewport">
<ul class="overview">
	<li><a rel="group" href="http://www.baijs.nl/tinycircleslider/images/hdr1.jpg"><img src="http://www.baijs.nl/tinycircleslider/images/hdr1.jpg"></a></li>
	<li><a rel="group" href="http://www.baijs.nl/tinycircleslider/images/hdr2.jpg"><img src="http://www.baijs.nl/tinycircleslider/images/hdr2.jpg"></a></li>
	<li><a rel="group" href="http://www.baijs.nl/tinycircleslider/images/hdr3.jpg"><img src="http://www.baijs.nl/tinycircleslider/images/hdr3.jpg"></a></li>
	<li><a rel="group" href="http://www.baijs.nl/tinycircleslider/images/hdr4.jpg"><img src="http://www.baijs.nl/tinycircleslider/images/hdr4.jpg"></a></li>	                             
</ul>
	</div>


<div class="dot"></div>
<div class="overlay"></div>
<div class="thumb"></div>
	</div>
	<!-- CLOSE ROTATE UI -->
	
	
<script type="text/javascript">
var Website = {
	run: function(){
var oCircleslider3 = $('#rotatescroll3');
if(oCircleslider3.length > 0){
	oCircleslider3.tinycircleslider({ lightbox: true, snaptodots: true, radius: 184, hidedots: false});
	$('a', oCircleslider3).fancybox();
}

Cufon.replace('h2, h1, a.download');

var oCon = document.getElementById('mcon');
var oLink = document.createElement('a');
var oText = document.createTextNode("me"); 
var sPart0 = 'ma';
var sPart1 = 'ilto:wie';
var sPart2 = 'ringen';
var sPart3 = '@gm';	
var sPart4 = 'ail.com';
oLink.href = sPart0+sPart1+sPart2+sPart3+sPart4;
oCon.appendChild(oLink);
oLink.appendChild(oText);

	}
};

//Initialize
$(document).ready(function(){
	Website.run();
});
</script>

Отредактировано Deff (Ср, 25 Май 2011 02:55:41)

+1

Поделиться100Ср, 25 Май 2011 05:09:18

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Deff
Спасибо!

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

jQuery галерея

Сообщений 81 страница 100 из 154

Поделиться81Вс, 22 Май 2011 22:05:19

Поделиться82Вс, 22 Май 2011 22:32:04

Поделиться83Вт, 24 Май 2011 04:11:17

Поделиться84Вт, 24 Май 2011 11:40:00

Поделиться85Вт, 24 Май 2011 14:03:51

Поделиться86Вт, 24 Май 2011 14:06:41

Поделиться87Вт, 24 Май 2011 14:08:10

Поделиться88Вт, 24 Май 2011 19:30:58

Поделиться89Вт, 24 Май 2011 20:37:01

Поделиться90Вт, 24 Май 2011 21:17:17

Поделиться91Вт, 24 Май 2011 21:33:11

Поделиться92Вт, 24 Май 2011 21:53:51

Поделиться93Вт, 24 Май 2011 22:23:02

Поделиться94Вт, 24 Май 2011 22:46:53

Поделиться95Вт, 24 Май 2011 23:30:46

Поделиться96Ср, 25 Май 2011 00:28:12

Поделиться97Ср, 25 Май 2011 00:29:54

Поделиться98Ср, 25 Май 2011 00:50:25

Поделиться99Ср, 25 Май 2011 02:55:09

Поделиться100Ср, 25 Май 2011 05:09:18