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

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

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

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

 

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

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

 

вобщем вместо

Код:

<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>

но там еще надо будет доделывать. сам уже доделаешь.

 

без этого работать не будет.
и еще

Код:

<div style="width:550;height:220;" id="slider" class="nivoSlider">

 

заменить, там где картинки

 

ёпт. конечно не работает, ты не туда тыкаешь код! Он должен быть не ПОСЛЕ </head>, а перед!

 

естественно, ты код не сменил на который я сказал.

 

всё в шаблоны

 

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

Код:

<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>

 

на форуме есть скин xgame, в нём есть слайдер, если еще интересно - можешь расковырять его и выдрать из него слайдер.