JQuery плагин Nivo Slider в WordPress не вращает изображения.Как мне это исправить? - PullRequest
Новая
       24

JQuery плагин Nivo Slider в WordPress не вращает изображения.Как мне это исправить?

0 голосов
/ 23 января 2012

Я добавляю плагин jQuery для слайдера nivo в тему WordPress, но не могу повернуть изображения. Все они загружаются, но не вращаются. Вот раздел моего заголовка, который относится к ползунку: 

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

<script type="text/javascript">
jQuery(window).load(function() {
    jQuery('#slider').nivoSlider();
});
</script>

А вот div, где отображаются изображения: 

    <div id="slider" class="nivoSlider">
    <?php
    $slides = $data['pingu_slider']; //get the slides array

    foreach ($slides as $slide) {
        echo '<h1 class="image_title">' .$slide['title'].'</h1>';
        echo '<img src="'.$slide['url'].'" alt="test">';
        echo '<p class="nivo-caption">' .$slide['description'].'</p>';
    }

    ?>
</div>

Сайт, на котором расположен слайдер, находится по адресу http://sandbox.nspirelab.com/

1 Ответ

2 голосов
/ 23 января 2012

На вашей странице вы дважды загружаете jQuery .... версия 1.4 сразу после версии 1.4.2.

Но одна из основных проблем заключается в том, что вы звоните jQuery в своем head, но jQuery еще даже не существует, пока в body. Вам нужно включить jQuery, прежде чем включать плагины или вызывать код.

Включите только jQuery один раз , затем включите свой плагин и затем вызовите свою функцию. Это можно сделать либо в head, либо в body. 

<script src="jquery.min.js" type="text/javascript"></script>

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

<script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#slider').data('nivoSlider').start();
    });
</script>

И, наконец, поскольку мы говорим о теме Wordpress, рассмотрим использование enqueue для предотвращения загрузки jQuery несколько раз.

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

...