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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » jQuery галерея


jQuery галерея

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

81

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

0

82

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

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

0

83

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

0

84

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

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

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

0

85

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

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

0

86

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

0

87

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

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

0

88

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

0

89

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

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

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

0

91

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

+1

92

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

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

:blush: Поправил

0

93

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

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

rps
Deff, а это возможно? Хотелось бы, конечно! Очень хотелось бы! http://mybb.ru/f/collection/0211.gif

0

94

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

http://tps.0pk.ru/

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

0

95

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

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

Deff, это уже немножечко лучше! А ещё больше уменьшить, как я понимаю, уже не получится?
Если нет, то скажите, что там нужно исправить!
И спасибо большое Вам и Павлу! http://mybb.ru/f/collection/0211.gif  http://mybb.ru/f/collection/0211.gif

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

0

96

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

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

+1

97

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

Deff
Большое спасибо! http://mybb.ru/f/collection/0211.gif

0

99

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

Deff
Спасибо! http://mybb.ru/f/collection/0208.gif

0


Вы здесь » Единый форум поддержки » Корзина » jQuery галерея