1. Главная
  2. Блоги
  3. Блог Funtik44

jQuery плагины

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

Аватар пользователя Funtik44 Funtik44 19 августа 2011 в 13:07

Народ, поясните принцип действия. Для того, чтобы мне внедрить на страницу один из плагинов jquery, необходимо выполнить следующие действия:

1. Скачать библиотеки и закинуть в папку сайта.
2. Прописать на странице, где будет кодом выводится плагин теги <скрипт> с путями к файлам.
3. Вставить на этой же странице код плагина, который обычно дается там, где скачиваешь файлы для плагина.
4. Настраиваешь css.

Я правильно понимаю концепцию?

Комментарии

Аватар пользователя SpyDude@drupal.org SpyDude@drupal.org 19 августа 2011 в 13:49

Сам jquery уже встроен в Друпал...
Бывает отдельный скрипт jquery типо карусели, киньте его в папке темы, припишите его в инфо файле темы.
Ну а на нужных страницах уже выводите что там хотите вывести... Smile Ничего сложного Smile

Аватар пользователя Funtik44 Funtik44 22 августа 2011 в 17:10

"<a href="mailto:SpyDude@drupal.org">SpyDude@drupal.org</a>" wrote:
припишите его в инфо файле темы.

А как прописать в инфо? Можете привести пример?

Аватар пользователя Funtik44 Funtik44 23 августа 2011 в 9:52

"<a href="mailto:sas@drupal.org">sas@drupal.org</a>" wrote:
http://drupal.org/project/jquery_plugin[/quote]

Скажите, а как при помощи этого плагина сделать вот такой слайдер (вообще это возможно? если да дайте ссылку на документацию, где это описывается):
[URL=http://www.radikal.ru][IMG]http://i077.radikal.ru/1108/e3/bba52dbdcda3.j...
Смысл в том, что нужно выводить не по одному слайду, а сразу несколько!

Аватар пользователя Funtik44 Funtik44 23 августа 2011 в 14:11

"<a href="mailto:sas@drupal.org">sas@drupal.org</a>" wrote:
Какой плагин ?

Вот этот - http://drupal.org/project/jquery_plugin! Например Cycle!

На самом деле я приблизительно понял, как сделать - вот решение - http://jquery.malsup.com/cycle/div.html

Но не понимаю, как добавить плагин jquery_plugin на page.tpl.php Я делаю так:

1. С сайта Drupal.org скачал последнюю версию jQuery Plugin
2. В нужном месте page.tpl.php разместил следующий код:

        <div class="pics">
                <img src="sites/default/files/pictures/beach1.jpg" width="200" height="200" />
                <img src="sites/default/files/pictures/beach2.jpg" width="200" height="200" />
                <img src="sites/default/files/pictures/beach3.jpg" width="200" height="200" />
        </div>

3. В файл со стилями темы добавил следующее:

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
}
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px;
    height: 200px;
    top:  0;
    left: 0
}

4. Дальше, перед кодом в пункте 2 помещаю код:
<?php drupal_add_library('cycle', $plugin); ?>

5. Далее по идее вверху страницы page.tpl.php, нужно прописать следующее:

<script type="text/javascript">
$.fn.cycle.defaults.speed   = 900;
$.fn.cycle.defaults.timeout = 6000;
</script>

6. И еще после кода из пункта 5 вставляю вот это:

<script type="text/javascript">
$('#s1').cycle();</script>

В итоге слайдшоу выводится ввиде вертикальных картинок (слайдов) т.е. видны сразу все слайды и ничего не работает. Что я делаю не так?