Карусель от модера Great Rash

[win64]

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

Great Rash. Дело в том что видимые картинки просто прыгают туда сюда, а те, что скрыты не появляются. Помогите пожалуйста!

[lexxcode]

[offtop]

win64, ваш аватар является логотипом программного продукта comodo firewall, вам следует установить что-то другое в качестве аватара

[/offtop]

Выложите пример где у вас возникла проблема на http://jsfiddle.net/

[win64]

[offtop]

win64, ваш аватар является логотипом программного продукта comodo firewall, вам следует установить что-то другое в качестве аватара

[/offtop]

Выложите пример где у вас возникла проблема на http://jsfiddle.net/

Не получится я на локалке проектирую всё. Там у меня графика вся. даже не знаю как поступить.

Могу описать поведение. Происходит следующее. Дублируется первая картинка и сразу же скрывается и всё.

Я без особых проблем сделал саму галерею, а вот с каруселью бьюсь уже наверно дня 2-3 и всё бестолку. Хоть бери и тупо прописывай overflow-x в css. Эта карусель меня точно до седых волос доведёт.

[cyklop77]

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

Edited January 7, 2013 by cyklop77

[Николя223]

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

Вы даже не читали что там написанно))) прочитайте много интересного найдете..

сделайте свою))

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

да... и правдо выложите на http://jsfiddle.net/ хотябы примерно знать что там у вас происходит, вместо картинок - хотябы какой нибудь фон...

Edited January 7, 2013 by Николя223

[win64]

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

Вы даже не читали что там написанно))) прочитайте много интересного найдете..

сделайте свою))

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

да... и правдо выложите на http://jsfiddle.net/ хотябы примерно знать что там у вас происходит, вместо картинок - хотябы какой нибудь фон...

Для вас может быть и не такая тяжкая... А для меня это проблема! Я достаточно хорошо знаю html, css, php. А ява-скрипт для меня остаётся серьёзной проблемой в некоторых вопросах. Значить буду выкладывать код, а картинки придётся наверно на хост закинуть.

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

Да я представляю... Сколько я горя ещё хапну с этой каруселью. Это просто офигеть! Карусель в 1000 раз сложнее чем сама галерея. Галерею я наверно минут за 20 сделал.

[win64]

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

Вы даже не читали что там написанно))) прочитайте много интересного найдете..

сделайте свою))

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

да... и правдо выложите на http://jsfiddle.net/ хотябы примерно знать что там у вас происходит, вместо картинок - хотябы какой нибудь фон...

Да кстати. Если написание карусели не такая уж (как вы выразились) тяжкая задача может тогда научите её делать? А то языком ворочить умеет каждый, а вот на деле увы не все могут делать то о чём говорят.

[win64]

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

Я прочитал всю статью до конца. Подключил плагин по инструкции. Всё сделал как написано, но плагин работает не корректно. Читал только как подключить и какая структура должна быть в html. Остальное не читал потому что беспонт всё равно ничего не пойму ява-скрипт для меня пока не доступен в полной мере.

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

Да и впредь воздержитесь пожалуйста от подобных высказываний! Знания и опыт у всех разный. Я сюда пришёл за помощью, а не для того, что бы поинтересоваться вашим мнением по поводу того, что легко, а что сложно. Можете помочь? Помогите. Буду признателен!) Edited January 8, 2013 by win64

[Николя223]

Да кстати. Если написание карусели не такая уж (как вы выразились) тяжкая задача может тогда научите её делать? А то языком ворочить умеет каждый, а вот на деле увы не все могут делать то о чём говорят.

по поводу языка... я вообще то руками текст пишу ))) )))))

пишите мне вконтакте, обсудим

На слабо он решил меня взять...

Плагин вместе с вами писать не буду - времени нет.

А как создать карусель на Jquery, попытаюсь объяснить ПОПУЛЯРНЫМ языком

ссылка в анкете

Edited January 8, 2013 by Николя223

[win64]

На слабо он решил меня взять...

Можете называть это как хотите) Просто если вы утверждаете, что это не сложно то нужно это как-то проиллюстрировать.

А как создать карусель на Jquery, попытаюсь объяснить ПОПУЛЯРНЫМ языком

Буду признателен если сможете мне помочь.

[lexxcode]

Ребятки, флудите где-нибудь в другом месте, а здесь, или по делу, или не как. Иначе эта тема не несет никакой пользы, а бесполезные темы закрываются. win64, поставь по нормальному задачу, предоставь то, что у тебя получилось и что не получилось, тогда это будет предметный разговор куда выложить говорили выше.

Николя223, не ведись на происходящий беспорядок, не желает предоставить полноту задачи, его проблемы. В конце-концов все, что нужно для реализации есть в открытом доступе в интернете, стоит только поискать немного.

[Николя223]

alexriz, ок)

Завтра к вечеру сюда простенькую карусель выложу)

А то автор в контакте написал и пропал

[win64]

alexriz, ок)

Завтра к вечеру сюда простенькую карусель выложу)

А то автор в контакте написал и пропал

Благодарю за ожидание! Я просто не торчу там постоянно. Да и писал я ночью поэтому и не дождался ответа. Если ваша карусель будет простая то это просто находка.

Ребятки, флудите где-нибудь в другом месте, а здесь, или по делу, или не как. Иначе эта тема не несет никакой пользы, а бесполезные темы закрываются. win64, поставь по нормальному задачу, предоставь то, что у тебя получилось и что не получилось, тогда это будет предметный разговор куда выложить говорили выше.

Николя223, не ведись на происходящий беспорядок, не желает предоставить полноту задачи, его проблемы. В конце-концов все, что нужно для реализации есть в открытом доступе в интернете, стоит только поискать немного.

Понимаю ваше возмущение. Но не имею возможности выложить пример. Могу пожалуй только здесь написать код и прикрепить необходимые файлы.

[Great Rash]

Вот. Проще уже некуда.

[win64]

<!--javascript-->
$(document).ready(function()
{
$('#mini a').click(function(e)
{
$('#big img').hide().attr('src',$(this).attr('href'));
$('#big img').load(function(){
$(this).fadeIn(2000);
});
e.preventDefault();
});
$('.list').myCarousel({
					    btnNext: '.next',
					    btnPrev: '.prev',
					    visible: 6,
					    rotateBy: 1
  });
<!--css-->
#gallery
{
    width: 550px;
    height: 560px;

}
#mini
{
  height: 100px;
  margin-left: 20px;
  margin-top: 1px;
  overflow: hidden;
  background-color: #333333;
  border-radius: 10px;
}
.list
{
  height: 100px;
  width: 9999px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list li img
{
  float: left;
  width: 88px;
  height: 88px;
  padding: 5px;
}
#big
{
  background-color: #333333;
  margin-left: 20px;
  border-radius: 10px;
  background-image: url("/style/image/load.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 420px;
  width: 535px;
  padding: 10px;
}
#big img
{
  height: 420px;
  width: 535px;
}

.next
{
  position: absolute;
  top: 500px;
  left: 620px;
}
.prev
{
  position: absolute;
  top: 500px;
  left: 100px;
}
<!--html-->
<div class="prev"><img src="/style/image/left.jpg"></div>
<div class="next"><img src="/style/image/right.jpg"></div>
<div id="gallery">
<div id="big"><img src="" alt=""></div>
<div id="mini">
<ul class="list">
<li><a href=""><img src="" alt=""></a></li>
</ul>
</div>
</div>

Если нужно соберу всё в архив.

Вот. Проще уже некуда.

Благодарю за труды! А как можно увеличить количество картинок например выводить не 3, а 5? Нужно увеличить ширину дива я так понимаю? Или ещё js-код нужно подредактировать?

[Great Rash]

Благодарю за труды! А как можно увеличить количество картинок например выводить не 3, а 5? Нужно увеличить ширину дива я так понимаю? Или ещё js-код нужно подредактировать?

Нужно править CSS, увеличивать ширину. В JS ничего править не нужно.

В коде вы не привели код самой карусели, вероятно у вас там где-то ошибка.

[win64]

Благодарю за труды! А как можно увеличить количество картинок например выводить не 3, а 5? Нужно увеличить ширину дива я так понимаю? Или ещё js-код нужно подредактировать?

Нужно править CSS, увеличивать ширину. В JS ничего править не нужно.

В коде вы не привели код самой карусели, вероятно у вас там где-то ошибка.

Применил ваш код на практике. Всё работает. Пришёл поблагодарить! Давай на ты.) Большое тебе человеческое спасибо! Ты решил проблему над которой я бился почти неделю, и сам бы я точно не справился. Огромное спасибо! Жаль, что я только на словах могу тебя отблагодарить хотелось бы, что нибудь ещё сделать для тебя. Если, что нужно будет обращайся помогу чем смогу.

alexriz, ок)

Завтра к вечеру сюда простенькую карусель выложу)

А то автор в контакте написал и пропал

Вам тоже спасибо за активное участие в теме! Извините если обидел чем.

Edited January 9, 2013 by win64

[Николя223]

win64,

Участие))) я запилил его))

Задумывался как крос (он и таг кросс, только в IE7 глюки).. фишка в чем... изображения подключать к JS, думаю он сам подсчитывает - Длину UL и т.д.

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

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

там правда кода очень много и комментариев))

Я там специально чуть ли не каждую переменную закомментировал))) только верстку опустил))

http://jsfiddle.net/...mbedded/result/ пример

http://jsfiddle.net/nikolya223/PmrBC/ код

дизайн сами допилите

Edited March 13, 2013 by Николя223

[win64]

win64,

Участие))) я запилил его))

Задумывался как крос (он и таг кросс, только в IE7 глюки).. фишка в чем... изображения подключать к JS, думаю он сам подсчитывает - Длину UL и т.д.

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

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

там правда кода очень много и комментариев))

Я там специально чуть ли не каждую переменную закомментировал))) только верстку опустил))

http://jsfiddle.net/...mbedded/result/ пример

http://jsfiddle.net/nikolya223/QQSFc/ код

дизайн сами допилите

Благодарю! Варианты всякие пригодятся. А что касается IE то мне на него если честно пофиг. Я не буду писать под него код. Некоторые разработчики уже отказались от поддержки IE. И правильно сделали!) ИЕ со своими глюками тормозить развитие инета уже давно пора переходить на нормальные полноценные браузеры.