rps
Deff
дайте мне тот готовый код уже на то, что получилось - Бог с ней с этой скоростью, пусть уже будет, как есть...
А то я вижу, что обо мне уже совсем забыли
jQuery галерея
Сообщений 81 страница 100 из 154
Поделиться81Вс, 22 Май 2011 22:05:19
Поделиться82Вс, 22 Май 2011 22:32:04
огромное спасибо за увеличилку, пока пойдет, постараюсь в ближайшее время не отвлекать...
пока буду учиться самостоятельно...
Поделиться83Вт, 24 Май 2011 04:11:17
Насчёт моей карусели. Там нужен fancybox, он не будет конфликтовать с lightbox?
Поделиться84Вт, 24 Май 2011 11:40:00
Насчёт моей карусели. Там нужен fancybox, он не будет конфликтовать с lightbox?
Нарисуйте еще раз: - как карусель должна располагацо на Вашем форуме, еще раз ссылку на карусель и ник - пароль на Ваш ресурс - (*скройте его под 1000 сообщений
Поделиться85Вт, 24 Май 2011 14:03:51
Deff
Располагаться в шапке.
http://www.baijs.nl/tinycircleslider/ - третья, где на циферки надо жать и тогда картинка прокручивается.
Отредактировано Finka (Пт, 27 Май 2011 07:28:09)
Поделиться86Вт, 24 Май 2011 14:06:41
Deff
ПС. карусель уже располагается, всё туда засунуто. надо только остановить вращение, чтобы картинка прокручивалась, толкьо когда жмёшь. Ну и модальное окно чтобы выскакивало, когда жмёшь, а не перекидывало на другую страницу.
Поделиться87Вт, 24 Май 2011 14:08:10
Finka ясн (К поздно вечером постараюсь
Отредактировано Deff (Вт, 24 Май 2011 14:08:35)
Поделиться88Вт, 24 Май 2011 19:30:58
Я делала вот так, как здесь Lytebox на форуме (слайдшоу и фотогалерея) описано у Павла (пост №1) и тоже ничего не получается
А где Паша? Я уже давно его жду!
Поделиться89Вт, 24 Май 2011 20:37:01
А где Паша? Я уже давно его жду!
А Вы не будете дожидаться, пока мы попробуем поменять скорость слайдера?
Вот это всё в ХТМЛ-верх:
<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>
Поделиться90Вт, 24 Май 2011 21:17:17
rps, Паш - мож этот симатичней ? >
<script type="text/javascript" src="http://hostjs-mybb2011.narod.ru/js/jquery.tinycircleslider.js"></script>
Отредактировано Deff (Вт, 24 Май 2011 21:17:45)
Поделиться91Вт, 24 Май 2011 21:33:11
Deff
Поставил, смотри сам.
Поделиться92Вт, 24 Май 2011 21:53:51
Поставил, смотри сам.
Поправил
Поделиться93Вт, 24 Май 2011 22:23:02
А Вы не будете дожидаться, пока мы попробуем поменять скорость слайдера?
rps
Deff, а это возможно? Хотелось бы, конечно! Очень хотелось бы!
Поделиться94Вт, 24 Май 2011 22:46:53
Elka Вот на сколько можно - уменьшил - далее уже будут видны отрывки - см у Павла на форе
Отредактировано Deff (Вт, 24 Май 2011 22:47:27)
Поделиться95Вт, 24 Май 2011 23:30:46
Вот на сколько можно - уменьшил -
Deff, это уже немножечко лучше! А ещё больше уменьшить, как я понимаю, уже не получится?
Если нет, то скажите, что там нужно исправить!
И спасибо большое Вам и Павлу!
Отредактировано Elka (Вт, 24 Май 2011 23:31:18)
Поделиться96Ср, 25 Май 2011 00:28:12
Finka, чтобы не крутилось нун true переправить на false в скрипте - фотогаллерею пока приделать не смог... - разбираюсь -
<script type="text/javascript">
$(document).ready(function(){
$('#rotatescroll').tinycircleslider({ interval: false, snaptodots: true });
});
</script>
Поделиться97Ср, 25 Май 2011 00:29:54
Если нет, то скажите, что там нужно исправить!
это <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)
Поделиться98Ср, 25 Май 2011 00:50:25
Deff
Большое спасибо!
Поделиться99Ср, 25 Май 2011 02:55:09
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)
Поделиться100Ср, 25 Май 2011 05:09:18
Deff
Спасибо!