Подключение эффекта для фотографии, javascript jquery

Главные вкладки

Аватар пользователя АлександрБолт АлександрБолт 3 декабря 2012 в 13:56

Добрый день.
Пытаюсь сделать эффект для фотографии на главной как вот Тут

В файлах темы в info подключаю jQuery
scripts[] = js/jquery.min.js
scripts[] = js/jquery.adipoli.min.js

На главной делаю блок, туда вставляю фотографию, и присваиваю ей css класс "img-style row3"

Далее в файлах темы в html.tpl.php прописываю js

(function($){
               
                ('.row3').adipoli({
                    'startEffect' : 'transparent',
                    'hoverEffect' : 'boxRandom'
                });
               
            })();

и в итоге получаю ошибку Метод adipoli не обнаружен...

Господа! что я делаю не так?

Комментарии

Аватар пользователя АлександрБолт АлександрБолт 3 декабря 2012 в 15:17

да скорее всего дело в версиях требуется версия jquery 1.7.2

т.е. я сейчас добавляю

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    var $jq = jQuery.noConflict();
  </script>

<script type="text/javascript">
(function($jq){
 
                ('.row3').adipoli({
                    'startEffect' : 'transparent',
                    'hoverEffect' : 'boxRandom'
                });
 
            })();
 </script>

а с библиотекой jquery.adipoli.min.js что мне делать оставлять ее в info ? или подключать через drupal_add_js() и заменять ли в ней все $ на $jq ?

Аватар пользователя АлександрБолт АлександрБолт 4 декабря 2012 в 10:47

блинн... все равно не заработало, я сделал так в info прописал библиотеку jquery.adipoli.min.js и заменил в конце файла (jquery) на ($jq)

в файл html.tpl.php я вставил перед

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    var $jq = jQuery.noConflict();
 </script>
<script type="text/javascript">
(function($jq){
 
                ('.row3').adipoli({
                    'startEffect' : 'transparent',
                    'hoverEffect' : 'boxRandom'
                });
 
            })();
 </script>

в итоге получаю 2 ошибки:
- в библиотеке jquery.adipoli.min.js ругается на объект $jq
- в скрипте в шапке страницы ругается что нет метода adipoli

как я понимаю порядок подключения должен быть другой....

Аватар пользователя АлександрБолт АлександрБолт 4 декабря 2012 в 12:05

изменил порядок подключения и первую ошибку я решил. все хорошо

но вторая ошибка (в скрипте в шапке страницы ругается что нет метода adipoli) осталась, что не так тут ? помогите плз...

Аватар пользователя АлександрБолт АлександрБолт 4 декабря 2012 в 12:15

я немного его подправил вот так вот он не выдает ошибки

<script type="text/javascript">
(function(){
 
                $jq('.row3').adipoli({
                    'startEffect' : 'transparent',
                    'hoverEffect' : 'boxRandom'
                });
 
            })($jq);
 </script>

я его подключаю последним...
но эффект не заработал (((

строка фотографии
<img alt="" class="img-style row3" src="/sites/default/files/tfile_01_small_image1.jpg" style="margin-left: 0px; margin-right: 2px; margin-top: 2px;">