jQuery, Слайдер...

73 views
Skip to first unread message

Антон Сидорка

unread,
May 19, 2011, 11:27:24 PM5/19/11
to ru-WordPress
Есть слайдер http://ruseller.com/lessons.php?rub=28&id=1094
И он отказуется работать, пошерстел по форумам, но что-то не смог
найти ничего путного(

в хедере написал:

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/
scripts/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/nivo-
slider.css" type="text/css" media="screen" />


созал блок,

<div id="slider-wrapper">

<div id="slider" class="nivoSlider">
<img src="images/toystory.jpg" alt="" />
<img src="images/up.jpg" alt="" />
<img src="images/walle.jpg" alt="" />
<img src="images/nemo.jpg" alt="" />
</div>

</div>

<?php wp_enqueue_script("jquery"); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?
>/scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({directionNavHide:false});
});
</script>


и подключи эго:

[quote]<div id="sli">
<?php require('slider.php'); ?>
</div>

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

Yantar

unread,
May 20, 2011, 2:58:36 AM5/20/11
to ru-wor...@googlegroups.com
Сохраните то, что в итоге получилось как статичный html и выкиньте оттуда все лишнее, там будет проще искать, в чем ошибка. Проверьте, все ли скрипты подключились и т.д. А по нынешнему описанию  и на расстоянии вряд ли кто будет выискивать ошибку (но бывают альтруисты, конечно :))
Пока из того, что я вижу, у вас зачем-то повторяется подключение jquery и плагина. Вот это
<?php wp_enqueue_script("jquery"); ?>
       <script type="text/javascript" src="<?php bloginfo('template_url'); ?
>/scripts/jquery.nivo.slider.pack.js"></script> 
должно быть только в хидере, один раз
вот это  
<script type="text/javascript">
   $(window).load(function() {
       $('#slider').nivoSlider({directionNavHide:false});
   });
   </script>
тоже желательно в хидер, после подключения скрипта и плагина.
возможно, что у вас подключен еще какой-нибудь js-фреймворк, в таком случае погуглите на тему jquery.noconflict


--
С уважением,
Яна Таран



2011/5/20 Антон Сидорка <kart...@gmail.com>

Антон Сидорка

unread,
May 20, 2011, 3:54:30 AM5/20/11
to ru-WordPress
На ХТМЛ всё работает на 100%.
а вот с переводом на вп никак...
http://dreamhelg.ru/2009/06/include-jquery-in-wordpress/ вот по
примерчику зделал:

упростил получилось

в голове:
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/
scripts/nivo-slider.css" type="text/css" media="screen"/>
<?php wp_enqueue_script("jquery"); ?>


и в блоке:
<div id="slider" class="nivoSlider">
<img src="images/toystory.jpg" alt="" />
<img src="images/up.jpg" alt="" />
<img src="images/walle.jpg" alt="" />
<img src="images/nemo.jpg" alt="" />
</div>

</div>

<script type="text/javascript" src="scripts/
jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">

</script>

но все равно ничего(

Yantar

unread,
May 20, 2011, 5:28:20 AM5/20/11
to ru-wor...@googlegroups.com
вот это <script type="text/javascript" src="scripts/
jquery.nivo.slider.pack.js"></script> подключите в хидере и проверьте путь к скрипту файрбагом
вот тут
<script type="text/javascript">

   </script>
наверное должно все же что-то быть :)
и это тоже лучше в хидер


--
С уважением,
Яна Таран



2011/5/20 Антон Сидорка <kart...@gmail.com>
На ХТМЛ всё работает на 100%.
Reply all
Reply to author
Forward
0 new messages