[Помогите] Не работает Nivo Slider

Тема в разделе "IP. Board 3.2", создана пользователем byUnit, 11 май 2012.

  1. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Пытался установить NivoSlider на свой сайт. Все установил правильно но он не работает.
    Ставил на Ucoz работает. У меня такое подозрение что не работает JS. Так как я подключал и другие скрипты основанные на JS и jQuery
    Делал по этому принципу
    В результате получилось как на скрине
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    всё просто. Ту ссылку что ты дал - удали и забудь.
    качаешь новую версию NivoSlider.

    смотришь пример по интеграции - делаешь по аналогии

    Так же в архиве есть demo папка, в ней лежит .html в нём код который воркает - открываешь, смотришь, делаешь под себя. Всё вставлять в globalTemplate.
     
  3. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Но почему? На юкозе работает же нормально!
     
  4. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    видимо jquery не захотел подниматься, можно изменить настройки, чтобы он тянул его с сайта гугла.

    p.s. можно и этот код воткнуть, у меня получилось.. если принципиально откачусь и посмотрю что надо.
     
  5. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Попробуй плизик
     
  6. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    вобщем вместо
    Код:
    <script type="text/javascript">  
    Cufon.replace('h2', { fontFamily:'Museo Slab' });  
    Cufon.replace('h3', { fontFamily:'Museo Slab' });  
       
    $(window).load(function() {  
      $('#slider1').nivoSlider({ pauseTime:5000, pauseOnHover:false });  
      setTimeout(function(){  
      $('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false });  
      }, 1000);  
      setTimeout(function(){  
      $('#slider3').nivoSlider({  
      pauseTime:5000,  
      pauseOnHover:false,  
      controlNavThumbs:true  
      });  
      }, 2000);  
      setTimeout(function(){  
      $('#slider4').nivoSlider({  
      effect:'random',  
      animSpeed:1500,  
      pauseTime:5000,  
      startSlide:2,  
      directionNav:false,  
      controlNav:true,  
      keyboardNav:false,  
      pauseOnHover:false  
      });  
      }, 3000);  
    });  
    </script>
    я ставил:
    Код:
    <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ effect: 'random', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation directionNavHide: true, // Only show on hover controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav controlNavThumbsFromRel: false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav: true, // Use left & right arrows pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions captionOpacity: 0.8, // Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: false, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded }); }); </script>
    
    но там еще надо будет доделывать. сам уже доделаешь.
     
  7. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Я вообще удалил этот код и у меня все равно было такое серое окно. Мне кажеться это не сам скрипт а JS косячит
     
  8. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    без этого работать не будет.
    и еще
    Код:
    <div style="width:550;height:220;" id="slider" class="nivoSlider">
     
  9. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Это нужно добавить куда то ?
    --- добавлено: 11 май 2012 в 16:17 ---
    По мойму это вообще style.css косячит. Я его удаляю из кода и появляются картинки. Ставлю в код появляется серое окно
     
  10. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    заменить, там где картинки
     
  11. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Неа ничего.
    Место где сами картинки
    Код:
    <div style="width:550;height:220;" id="slider" class="nivoSlider"> 
    <img src="http://keid777.16mb.com/public/style_images/league_of_legends/slider/1.jpg" alt="Описание" /> 
    <img src="http://keid777.16mb.com/public/style_images/league_of_legends/slider/2.jpg" alt="Описание" /> 
    <img src="http://keid777.16mb.com/public/style_images/league_of_legends/slider/3.jpg" alt="Описание" /> 
    <img src="http://keid777.16mb.com/public/style_images/league_of_legends/slider/4.jpg" alt="Описание" /> 
    </div>
    после </head>
    Код:
    <link rel="stylesheet" href="/public/style_images/league_of_legends/slider/css/nivo-slider.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="/public/style_images/league_of_legends/slider/css/style.css" type="text/css" media="screen" /> 
    <script src="/public/style_images/league_of_legends/slider/js/cufon-yui.js" type="text/javascript"></script> 
    <script src="/public/style_images/league_of_legends/slider/js/Museo_Slab.font.js" type="text/javascript"></script> 
    <script src="/public/style_images/league_of_legends/slider/js/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
     
    <script type="text/javascript"> 
    Cufon.replace('h2', { fontFamily:'Museo Slab' }); 
    Cufon.replace('h3', { fontFamily:'Museo Slab' }); 
     
    $(window).load(function() { 
      $('#slider1').nivoSlider({ pauseTime:5000, pauseOnHover:false }); 
      setTimeout(function(){ 
      $('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false }); 
      }, 1000); 
      setTimeout(function(){ 
      $('#slider3').nivoSlider({ 
      pauseTime:5000, 
      pauseOnHover:false, 
      controlNavThumbs:true 
      }); 
      }, 2000); 
      setTimeout(function(){ 
      $('#slider4').nivoSlider({ 
      effect:'random', 
      animSpeed:1500, 
      pauseTime:5000, 
      startSlide:2, 
      directionNav:false, 
      controlNav:true, 
      keyboardNav:false, 
      pauseOnHover:false 
      }); 
      }, 3000); 
    }); 
    </script>
    И не работает!
     
  12. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    ёпт. конечно не работает, ты не туда тыкаешь код! Он должен быть не ПОСЛЕ </head>, а перед!
     
  13. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    А толку. Ничего не изменилось!
     
  14. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    естественно, ты код не сменил на который я сказал.
     
  15. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    А вот твой код что ты ставил его же в HTML кидать? Или в CSS ?
     
  16. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    всё в шаблоны
     
  17. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Все это хорошо. Только я не вижу в твоём коде URLы к CSS и JS
     
  18. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    потому что я тебе их не скидывал :Smile: я папки просто в корень заливал, но это не имеет значения, можно куда угодно.
    полный код такой:
    Код:
    <link rel="stylesheet" href="./css/nivo-slider.css" type="text/css" media="screen" />  
    <link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" />  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="./js/jquery.nivo.slider.pack.js" type="text/javascript"></script>  
       
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
            slices: 15, // For slice animations
            boxCols: 2, // For box animations
            boxRows: 1, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            directionNavHide: true, // Only show on hover
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            controlNavThumbsFromRel: false, // Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', // Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
            keyboardNav: true, // Use left & right arrows
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            captionOpacity: 0.8, // Universal caption opacity
            prevText: 'Prev', // Prev directionNav text
            nextText: 'Next', // Next directionNav text
            randomStart: false, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded
        });
    });
    </script>
     
  19. byUnit

    byUnit

    Регистрация:
    8 май 2012
    Сообщения:
    165
    Симпатии:
    4
    Нечего не выходит. Или я полностью кривой. Тему можно офф!
     
  20. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    на форуме есть скин xgame, в нём есть слайдер, если еще интересно - можешь расковырять его и выдрать из него слайдер.