Вход • Регистрация

Слайдер

  •
  • 20 января 2013 г.
  • Доброго времени суток!

    Хотел бы поинтересоваться почему происходит такой баг..

    Смысл в том, что когда страница загружается слайдер почему показывает на пару секунд все картинки.. подгружается или как это назвать, не знаю. Очень неприятно для восприятия, подскажите как можно исправить данную вещь.

    Код слайдера:
    Код
    $(function() {
    var thumbs = $('#thumbscarousel');

    $('#carousel').carouFredSel({
    items: 1,
    start : 0,

    scroll: {
    fx: 'crossfade'
    },
    auto: {
    pauseDuration: 5000,
    duration: 2000
    },
    pagination: {
    container: '#pager',
    duration: 300
    }
    });

    thumbs.carouFredSel({
    circular: false,
    auto: false,
    items: 1
    });

    $('#pager').hover(function() {
    var current = $('#carousel').triggerHandler( 'currentPosition' );
    thumbs.trigger( 'slideTo', [ current, 0, true, { fx: 'none' } ] );
    $('#thumbs').stop().fadeTo(300, 1);
    }, function() {
    $('#thumbs').stop().fadeTo(300, 0);
    });

    $('#pager a').mouseenter(function() {
    var index = $('#pager a').index( $(this) );
    if ( thumbs.triggerHandler( 'isScrolling' ) ) {
    thumbs.trigger( 'onAfter', [[function() {
    thumbs.trigger( 'slideTo', index );
    }]]);
    } else {
    thumbs.trigger( 'slideTo', index );
    }
    });
    });



    ну а на сайте все это выглядит так:
    Код
    <div id="wrapper">
    <div id="carousel">
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    </div></div>
    •
    • 20 января 2013 г. , редакция: 20 января 2013 г.
    • Скрипты слайдера подключите в конце страницы, перед закрывающим тегом </body>
  •
  • 21 января 2013 г.
  • Там где идет блок слайдера надо оберныть аго в див и диву проставить фиксированные размеры, высоту обязательно, и прописать стиль overflow:hidden тогда все картинки которые бубут выходить за пределы блока скроются
  •
  • 22 января 2013 г. , редакция: 22 января 2013 г.
  • Выше не закрылся тег и все стало италиком и полужирным?)
    •
    • 22 января 2013 г.
    • Это ж догадаться надо, весь код jquery процитировать на форум...
      • 22 января 2013 г.
      • )))))))) ну я так для полноты, что бы получить четкий ответ
  • 22 января 2013 г. , редакция: 22 января 2013 г.
  • чего то не помогает ничего..

    Правильно сделал?

    Код
    #wrapper {
    width: 920px;
    height: 182px;
    overflow:hidden;
    margin: -200px 0 0 -350px;
    position: absolute;
    left: 50%;
    top: 50%;
    }
    #carousel {
    width: 920px;
    height: 182px;
    overflow: hidden;
    }


    Код
    <div id="wrapper">
    <div id="carousel">
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    <img src="http://" width="-" height="-" border="0" />
    </div></div>
  •
  • 06 февраля 2013 г.
  • Спасибо, но дело наверное в слайдере.. ну или же я в упор не понимаю, что надо делать.. хотя все верно прописываю
    •
    • 06 февраля 2013 г.
    • может есть готовая страничка потестить?
      •
      • 06 февраля 2013 г.
      • брр все посидел.. сделал. В итоге поставил другой слайдер и применил все, что написали выше (почти все)

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум