Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


  • Страница 1 из 1
  • 1
Архив - только для чтения
Модератор форума: Shеriff, JonMagon, Yuri_G  
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Работа с jquery
Работа с jquery
jeka10
Сообщений: 15
Репутация: 0

Сообщение # 1 | 13:59:34
Я хочу установить скрипт, но требуется:
Подключить jQuery библиотеку. Допустим это будет КОД1.
Подключить плагин - КОД2.
Инициализировать плагин - КОД3.
Как это сделать и куда вставлять эти коды. Как только не старался, скрипт не работает все равно.
Имеется также разметка html и css, но это я знаю куда вставлять.
Fa11enLord
Сообщений: 328
Репутация: 88

Сообщение # 2 | 14:13:51
jeka10, желательно указать ссылку на скрипт и страницу/сайт, куда вы вставляли скрипт.

(づ。◕‿◕。)づ
jeka10
Сообщений: 15
Репутация: 0

Сообщение # 3 | 16:55:26
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>

Как установить этот скрипт?
Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 4 | 18:13:26
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
jeka10
Сообщений: 15
Репутация: 0

Сообщение # 5 | 18:57:12
Огромное спасибо, выручили.
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Работа с jquery
  • Страница 1 из 1
  • 1
Поиск: