Карусель картинок

автор Леший Ноябрь 2nd 2012, 21:32

Здравствуйте . Подскажите пожалуйста , за скорость смены фото в каруселе какая часть кода отвечает ???

Код:: <style> #carousel-container { width:740px!important; } #carousel { height:320px!important; width:740px!important; margin-bottom:0.5em!important; margin-top:0!important; } #carousel .blipsContainer { display:none!important; } #carousel-left { bottom:10px!important; left:30px!important; } #carousel-right { bottom:10px!important; right:30px!important; } </style> <center> <link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" /> <script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script> <script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#carousel").featureCarousel({ }); }); </script><div id="carousel-container"> <div id="carousel"> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/ciccic.jpg"></a> <div class="carousel-caption"> <p> Очаровашка ))) </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://i082.radikal.ru/1210/92/91f0cc12c840.jpg"></a> <div class="carousel-caption"> <p> Мишка и Настя . Поздравляем Вас с днём Свадьбы !!! </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s018.radikal.ru/i502/1210/71/8def072e150b.jpg"></a> <div class="carousel-caption"> <p> Т - 800 </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s017.radikal.ru/i410/1210/cf/0860053e26b0.jpg"></a> <div class="carousel-caption"> <p> Страшилки Кошмарики </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://i037.radikal.ru/1210/20/df6eeab4a404.jpg"></a> <div class="carousel-caption"> <p> г. Братск. ул. Советская . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s019.radikal.ru/i622/1211/95/4d1ced908b3b.jpg"></a> <div class="carousel-caption"> <p> Гараж . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s48.radikal.ru/i121/1211/7f/b7e76fcdc525.jpg"></a> <div class="carousel-caption"> <p> Женская Часть Т - 800 . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s14.radikal.ru/i187/1211/57/9fd04161d1fd.jpg"></a> <div class="carousel-caption"> <p> Ночная Дорога в Братск . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://i051.radikal.ru/1211/db/080e8483aa15.jpg"></a> <div class="carousel-caption"> <p> Дрифт - Битва в г. Иркутск . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s07.radikal.ru/i180/1211/a0/187707794de7.jpg"></a> <div class="carousel-caption"> <p> Драм Театр . Братск . </p> </div> </div> <div class="carousel-feature"> <a href="#"><img class="carousel-image" alt="Image Caption" src="http://s019.radikal.ru/i634/1211/b7/2a18ae1e1986.jpg"></a> <div class="carousel-caption"> <p> г.Братск . оз. Тэнга . </p> </div> </div> </div> <div id="carousel-left"><img src="http://i40.servimg.com/u/f40/14/80/95/87/8595910.gif" /></div> <div id="carousel-right"><img src="http://i40.servimg.com/u/f40/14/80/95/87/10029510.gif" /></div> </div> </center>

автор Домовой Ноябрь 2nd 2012, 22:06

найдите скрипт

Код:: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider1').bxSlider({ }); }); </script>

и замените на

Код:: <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#carousel").featureCarousel({ carouselSpeed: 1200, // число - в милисекундах, скорость смены слайдов autoPlay: 4000, // число - в милисекундах, период между сменами слайдов }); }); </script>

автор Леший Ноябрь 2nd 2012, 23:21

автор Леший Ноябрь 2nd 2012, 23:29

Домовой пишет:найдите скрипт
Код:
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider1').bxSlider({ }); }); </script>
и замените на
Код:
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider1').bxSlider({ carouselSpeed: 1200, // число - в милисекундах, скорость смены слайдов autoPlay: 4000, // число - в милисекундах, период между сменами слайдов }); }); </script>

может я ослеп , но в коде который стоит нет такой части

автор Домовой Ноябрь 3rd 2012, 00:09

Леший пишет:может я ослеп , но в коде который стоит нет такой части

ну как нет?
Вот то что вы выложили в своём сообщении

<style>
#carousel-container {
width:740px!important;
}

#carousel {
height:320px!important;
width:740px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

#carousel .blipsContainer {
display:none!important;
}

#carousel-left {
bottom:10px!important;
left:30px!important;
}

#carousel-right {
bottom:10px!important;
right:30px!important;
}
</style>

<center>
<link rel="stylesheet" href="https://patmax.error/CSS1/120404172732.css" charset="utf-8" />
<script type="text/javascript" src="https://patmax.error/J1/120404173128.js"></script>
<script src="https://patmax.error/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
});
});
</script><div id="carousel-container">
<div id="carousel">
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/ciccic.jpg"></a>
<div class="carousel-caption">
<p>
Очаровашка )))
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://i082.radikal.ru/1210/92/91f0cc12c840.jpg"></a>
<div class="carousel-caption">
<p>
Мишка и Настя . Поздравляем Вас с днём Свадьбы !!!
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s018.radikal.ru/i502/1210/71/8def072e150b.jpg"></a>
<div class="carousel-caption">
<p>
Т - 800
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s017.radikal.ru/i410/1210/cf/0860053e26b0.jpg"></a>
<div class="carousel-caption">
<p>
Страшилки Кошмарики
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://i037.radikal.ru/1210/20/df6eeab4a404.jpg"></a>
<div class="carousel-caption">
<p>
г. Братск. ул. Советская .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s019.radikal.ru/i622/1211/95/4d1ced908b3b.jpg"></a>
<div class="carousel-caption">
<p>
Гараж .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s48.radikal.ru/i121/1211/7f/b7e76fcdc525.jpg"></a>
<div class="carousel-caption">
<p>
Женская Часть Т - 800 .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s14.radikal.ru/i187/1211/57/9fd04161d1fd.jpg"></a>
<div class="carousel-caption">
<p>
Ночная Дорога в Братск .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://i051.radikal.ru/1211/db/080e8483aa15.jpg"></a>
<div class="carousel-caption">
<p>
Дрифт - Битва в г. Иркутск .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s07.radikal.ru/i180/1211/a0/187707794de7.jpg"></a>
<div class="carousel-caption">
<p>
Драм Театр . Братск .
</p>
</div>
</div>
<div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s019.radikal.ru/i634/1211/b7/2a18ae1e1986.jpg"></a>
<div class="carousel-caption">
<p>
г.Братск . оз. Тэнга .
</p>
</div>
</div>
</div> <div id="carousel-left"><img src="https://i.servimg.com/u/f40/14/80/95/87/8595910.gif" /></div> <div id="carousel-right"><img src="https://i.servimg.com/u/f40/14/80/95/87/10029510.gif" /></div>
</div>
</center>

красным выделен скрипт, замените его на это

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
carouselSpeed: 1200, // число - в милисекундах, скорость смены слайдов
autoPlay: 4000, // число - в милисекундах, период между сменами слайдов
});
});
</script>

выделенные параметры меняйте на своё усмотрение

автор Леший Ноябрь 3rd 2012, 00:42

Спасибо )))Я то как его не увидел

автор Леший Ноябрь 3rd 2012, 06:57

делаю как описано . меняю указанный код , но после этого скрипт сразу перестёт работать все фотки пропадают . что не так ???

автор Домовой Ноябрь 3rd 2012, 11:05

Прошу прощения, я уже запутался с вашими каруселями.
Одному один, другому другой.
Исправил сообщения выше, я не тот скрипт предложил.
Вот на этот надо заменить

Код:: <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#carousel").featureCarousel({ carouselSpeed: 1200, // число - в милисекундах, скорость смены слайдов autoPlay: 4000, // число - в милисекундах, период между сменами слайдов }); }); </script>

И ещё, некоторые фотки не открываются, из за этого скрипт так же не работал.
Не заливайте на радикал, он стал плохим хостингом.
Старайтесь фотки ставить приблизительно одного размера, иначе будут искажены.
Отображение картинок настраивается по первой картинки.
Какая первая картинка таким размером будут отображаться и все последующие.
Вот у вас в скрипте самая первая картинка

Карусель картинок Ciccic

она существенно отличается размером от всех остальных.
Соответственно вот так будет работать
http://domovoybb3.rossiaforum.com/

автор Леший Ноябрь 3rd 2012, 11:59

а какой хостинг посоветуете для заливки ??? Я в скрипте нашёл Этот Нормальный ???
Карусель работает классно ))) щас буду к себе переставлять

автор Леший Ноябрь 3rd 2012, 12:15

Ещё раз огромное спасибо . Всё работает отлично

Картинки все открывает , работает как часики )))

автор Леший Ноябрь 3rd 2012, 12:25

Думаю тему можно закрывать yes

Решено

автор Домовой Ноябрь 3rd 2012, 12:28

Леший пишет:а какой хостинг посоветуете для заливки ???

Вы же имеете форум на 2х2, так что лучший вариант для вашего форума это https://servimg.com

автор Леший Ноябрь 3rd 2012, 12:35

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

автор Леший Ноябрь 4th 2012, 10:30

В соседней теме указывался конфликт двух скриптов , карусели и срипта аватарки на против последнего сообщения , не знаю каким образом но конфликт устранился , может по тому что заменил часть кода для изминения скорости вращения карусели , может из за того , что снял галочку отоброжения скрипта на всех страницах и проставил их вручную, конфликт больше не проявляется yes