WP, sidebar.php, загрузка JS

Доброго всем,

Обращаюсь к уважаемому сообществу с просьбой вразумительных разъяснений.

Потребность: смена изображений в sidebar’е
В качестве возможного варианта набрёл на плагин к jQuery. Подробней здесь -> http://malsup.com/jquery/cycle/begin.html
Загрузил, установил, работает… 🙂 Работает, но только не в WP 🙁

Прописал в sidebar.php:

<script type="text/javascript" src="jquery-cycle.js"></script>  (это плагин к jQuery)
<script type="text/javascript" src="jquery2.js"></script>      (это jQuery)

<div id="s1">
 <img src="<?php bloginfo('url'); ?>/wp-content/uploads/img2.jpg" alt="2" title="" width="200" height="300" /> 
 <img src="<?php bloginfo('url'); ?>/wp-content/uploads/img3.jpg" alt="3" title="" width="200" height="300" />
 <img src="<?php bloginfo('url'); ?>/wp-content/uploads/img4.jpg" alt="4" title="" width="200" height="300" />
</div>

<script>
$('#s1').cycle('fade');
</script>

Что надо как-то особливо подключать JavaScript?
Заранее благодарен!

А что делает этот плагин к jQuery?
Чтобы решить твою проблему надо вместо $ писать jQuery, тогда не будет наложения. Кстати в вордпрессе уже помоему есть библиотека jQuery в wp-includes/js

насколько я помню скрипт должен подключаться только в шапке темы, то есть в тегах <head></head>

А что делает этот плагин к jQuery?
Чтобы решить твою проблему надо вместо $ писать jQuery, тогда не будет наложения. Кстати в вордпрессе уже помоему есть библиотека jQuery в wp-includes/js

Совершенно верно, библиотеки, в том числе и jQuery, идут в комплекте с WP 🙂
плагин jQuery_cycle.js позволяет менять картинки с разными эффектами.
Спасибо за совет по аналогу $ – jQuery, намотаю на ус.

насколько я помню скрипт должен подключаться только в шапке темы, то есть в тегах <head></head>

Ага, должен.

В итоге после Ваших оперативных советов всё разрешилось в течение одной минуты.
Благодарю за Вашу поддержку, которая нужна в моменты "руки опускаются"…
И вот получается какая картинка. Прошу всех обратить внимание.

Загрузку плагина я оставил в sidebar.php
А загрузку jQuery поместил в <head></head>
Скрипт заработал!
Попытка произвести загрузку 2х скриптов или в header.php, или в sidebar.php не привели к ожидаемому результату.

В связи с этим резонно возникают вопросы, на которые обращаю внимание почтенных гуру:
а) как правильно делать, чтобы избежать повторной загрузки библиотеки jQuery?
б) как подключать jQuery, который идёт в комплекте с WP?
в) как организована логика загрузки скриптов в WP? Оттого что у меня заработало, мне стало конечно легче, но понимания не появилось…
г) возможно ли организовать проверку загрузки скрипта? if ($script) echo ‘Скрипт $script загружен’; else echo ‘Скрипт $script не обнаружен’; Проводить проверку наличия файла – нежелательно.

Если 2 раза загрузите скрипт, ничего страшного не произойдет, т.к. первый раз он загрузится, а второй – возьмется из кэша (теоретически). Подгружать скрипт не обязательно в <head></head>, я гружу там где необходимо и всё работает прекрасно. В комплекте с wp библиотека помоему загружается сразу, если нет, грузите также ручками.

Если 2 раза загрузите скрипт, ничего страшного не произойдет, т.к. первый раз он загрузится, а второй - возьмется из кэша (теоретически). Подгружать скрипт не обязательно в <head></head>, я гружу там где необходимо и всё работает прекрасно. В комплекте с wp библиотека помоему загружается сразу, если нет, грузите также ручками.

Ну дык, так и сделал 🙂
Снимаю шляпу!

Anonymous
Отправить
Ответ на: