Чат сообщества
Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
|
Архив - только для чтения |
| Модератор форума: Shеriff, JonMagon, Yuri_G |
| Сообщество uCoz Архивариус Вопросы новичков (первые шаги в системе) Работа с jquery |
| Работа с jquery |
|
Я хочу установить скрипт, но требуется:
Подключить jQuery библиотеку. Допустим это будет КОД1. Подключить плагин - КОД2. Инициализировать плагин - КОД3. Как это сделать и куда вставлять эти коды. Как только не старался, скрипт не работает все равно. Имеется также разметка html и css, но это я знаю куда вставлять. |
|
jeka10, желательно указать ссылку на скрипт и страницу/сайт, куда вы вставляли скрипт.
(づ｡◕‿◕｡)づ
|
|
Html:
Код <img class="demo" src="2.jpg" width="180" height="240" /> CSS: Код a.demo { float:left; } JAVASCRIPT Подключаем jQuery библиотеку: Код <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> И подключаем плагин: Код <script type="text/javascript" src="jquery.loupe.min.js"></script> Инициализация плагина: Код <script type="text/javascript">$('.demo').loupe();</script> Как установить этот скрипт? |
|
1) Этого не нужно - уже подключено от Юкоза автоматически
Цитата jeka10 (  )<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 2) Подключение плагина: a) создать в файловом мэнэджере папку и b) загрузить в эту папку файл jquery.loupe.min.js а потом с) поставить эту строчку перед </body> и в ней указать путь к загруженному ранее файлу (например <script type="text/javascript" src="/NOVAYAPAPKA/jquery.loupe.min.js"></script>) Цитата jeka10 ( )<script type="text/javascript" src="jquery.loupe.min.js"></script> 3) Это поставить в "ТАБЛИЦЫ СТИЛЕЙ CSS" - желтым выделено в списке страниц вашего сайта Цитата jeka10 ( )a.demo { float:left; } 4) Это нужно поставить в HTML код странички (туда где вам нужно чтобы появилась работа этого скрипта..) скорее всего на "Страницы сайта" - синим выделено в списке страниц вашего сайта.. но ДО этого нужно указать правильный путь к картинке 2.jpg (она же у вас не в основном каталоге - если она вообще загружена на сайт? Если нет - сделать папку тоже в фаловом мэнеджере и загрузить туда эту картинку а потом указать к ней путь (например <img class="demo" src="/PAPKA/2.jpg" width="180" height="240" /> Цитата jeka10 ( )<img class="demo" src="2.jpg" width="180" height="240" /> 5) Инициализация плагина ну а вот это наверно где нибудь перед </body> на "Страницы сайта" - синим выделено в списке страниц вашего сайта Цитата jeka10 ( )<script type="text/javascript">$('.demo').loupe();</script> ------------------------------------------------------------------------------------------------------------------------------------- читайте инструкции в том месте где взяли данный скрипт. если инструкций нет и вы сами не разбираетесь - это как пытаться найти золото в пустыне =) --------------------------------------------------------------------------------------------------------------------------------------  WWW.DOGICA.COM / WWW.DOGICA.ORG |
| |||
| |||