Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

jquery plagins

jquery plagins
, by

Я новичек в друпале. Ви не моглибы подсказать или зделать урок  как прикрутить подобную штуку к друпалу http://ruseller.com/lessons.php?rub=32&id=1430, И былоб очень хорошо пару подобных уроков. Потому что всем интересны в основном нестандартные сайты. Зарание благодарен.

 

1 answer
votes: 886
Answer

О том как прикручивать jquery-плагин в друпале можете посмотреть здесь:

Темизация Views, правим шаблоны view.tpl.php (поля, строки, блоки, страницы). Подключаем jquery-плагин EasySlider

Темизация Drupal урок 6 Темизация Views slideshow и jcarousel


 

Здравствуйте Иван, помогите пожалуйста разобраться с jqueryплагином, хочу добавить вот этот плагин http://thefinishedbox.com/freebies/plugins/jquery-zoom-plugin/     на сайт ,

Делая так

1.       hover.zoom.js добавляю в папку js

2.       В файле .info подключаю плагин

3.       Добавляю нужные селекторы из cssссылкам внутри которых картинки

4.       Копирую картинки в папку images

5.       Изфайла index.html копирую код

<script>

        $(function()

            $('#blue').hoverZoom(); // Default

          

           $('#green').hoverZoom({

                overlayColor: '#90bd2e',

                zoom: 50

            });

           

            $('#pink').hoverZoom({

                overlayColor: '#bd2e75',

            });

           

            /* USAGE

           

            $('#pink').hoverZoom({

                overlay: true, // false to turn off (default true)

                overlayColor: '#2e9dbd', // overlay background color

                overlayOpacity: 0.7, // overlay opacity

                zoom: 25, // amount to zoom (px)

                speed: 300 // speed of the hover

            });

           

            */

           

        });

    </script>

 

    в html.php

6.       В исходном коде скрипт есть, css цепляет а эффекта нет.

Что я делаю не так?

 


Код из index.html нужно вставлять в друпале по другому:

https://drupalbook.org/ru/drupal/drupal-i-jquery-urok-1-podklyuchaem-fayl-s-jquery