JS Слайдер то грузит то не грузит (на сайте)

Тема в разделе "JavaScript", создана пользователем droni4, 24 июн 2014.

Модераторы: ZiX
  1. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    Здравствуйте уважаемые!
    подскажите пожалуйста, поставил на сайт слайдер на JavaScript и такая странная ситуация столкнулся впервые!
    иногда грузит слайдер - отображает, а иногда не отображает до тех пор пока не нажму ctrl+f5

    хотя если просматривать код страницы то он там есть! а по факту нету

    сайт на котором колдую
     
  2. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    ребят ну неужели никто не сталкивался с подобной проблемой??
     
  3. okyrok

    okyrok Создатель

    Регистр.:
    14 июл 2014
    Сообщения:
    23
    Симпатии:
    10
    Попробуй отключить асинхронность у аякса
     
  4. aniucum

    aniucum Постоялец

    Регистр.:
    1 янв 2014
    Сообщения:
    120
    Симпатии:
    103
    хз, что у тебя там за глюки, но помог вынос кода в отдельный файл

    сам код выведи в отдельный файл и через src подключи его
    jquery.code.js
    Код:
    $(document).ready(function() {
        $('#h3_3_slider').Carousel({
            visible: 3,
            rotateBy: 3,
            speed: 1000,
            btnNext: '#next_h3_3',
            btnPrev: '#prev_h3_3',                      
            auto: false,                       
            backslide: true,   
            margin: 25                     
        });
       
        $('#h3_1_slider').Carousel({
            visible: 3,
            rotateBy: 1,
            speed: 1000,
            btnNext: '#next_h3_1',
            btnPrev: '#prev_h3_1',                      
            auto: false,                       
            backslide: true,   
            margin: 25                     
        });
       
        $('#h3_auto_slider').Carousel({
            visible: 3,
            rotateBy: 3,
            speed: 1000,
            btnNext: '#next_h3_auto',
            btnPrev: '#prev_h3_auto',                      
            auto: 3000,                       
            backslide: true,   
            margin: 25                     
        });
       
        $('#h3_auto_l_slider').Carousel({
            visible: 3,
            rotateBy: 1,
            speed: 1000,
            btnNext: '#next_h3_auto_l',
            btnPrev: '#prev_h3_auto_l',                      
            auto: 3000,                       
            backslide: true,
            dirAutoSlide: true,
            margin: 25                     
        });
       
        $('#h1_slider').Carousel({
            visible: 1,
            rotateBy: 1,
            speed: 1000,
            btnNext: '#next_h1',
            btnPrev: '#prev_h1',                      
            auto: false,                       
            backslide: true,
            margin: 0                     
        });
       
        $('#v1_slider').Carousel({
            visible: 1,
            rotateBy: 1,
            speed: 1000,                      
            auto: 3000,
            position: "v",
            backslide: true,
            margin: 0                     
        });
    });
    
    кладёшь jquery.code.js в папку .../templates/Default/js/ и подключаешь в <head></head>

    HTML:
    
    <head>
    ...
    <!-- Скрипт слайдер -->
    <script type="text/javascript" src="/templates/Default/js/jquery.code.js"></script>
    </head>
    
     
    droni4 нравится это.