Консультации по курсу ТРПО магистратура 2019 осень

Задавайте здесь свои вопросы

Модератор: Преподаватели

Консультации по курсу ТРПО магистратура 2019 осень

Сообщение Telnov » 09 окт 2019, 14:07

Контекстно-зависимый поиск
Скачать: https://drive.google.com/file/d/1ZsjEva ... YrOY9-Aijo Пример: http://vt.obninsk.ru/search_student/

Виджет "рыбий глаз" (пока без фото галерей)
Скачать: https://drive.google.com/file/d/1Ey_Vmi ... s-ab7w5vex Пример: ksst_stuff_display.php
В.Тельнов
Аватар пользователя
Telnov
Преподаватель
 
Сообщений: 324
Изображения: 5
Зарегистрирован: 05 сен 2011, 00:19
Благодарил (а): 1 раз.
Поблагодарили: 10 раз.

Работа рыбьего глаза с альбомами Flickr и видео YouTube

Сообщение Telnov » 07 ноя 2019, 14:00

Пример работы рыбьего глаза с общедоступными альбомами Flickr и видео YouTube..
Исходный код примера размещен в Облачном кабинете. В данном примере использованы два контейнера для размещения виджетов:
<div id="flickr_container"></div> - для размещения альбомов Flickr.
<div id="youtube_container"></div> - для размещения видеороликов Youtube.

Код: выделить все
<!DOCTYPE html>
<html>
<head>
<title>fisheye demo</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="stylesheet" href="http://vt.obninsk.ru/common/light_div_css/light_div.css" type="text/css" media="screen"/>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   <script src="http://vt.obninsk.ru/common/light_div_blue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="flickr_container"></div>
<div id="youtube_container"></div>
<script type="text/javascript">
   $('#flickr_container').light_flickr('150', 'rect', 'right', 'MEPhI');
   $('#youtube_container').light_youtube('155', 'circle', 'left', "hFdNlu-0PnM", "ZYOgI_UonAw", "GTf9LGA3sJQ");
</script>
</body>
</html>


Функция light_flickr('150', 'rect', 'right', 'album_word', 'user_id', 'api_key') размещает в контейнере серию альбомов Flickr. Её аргументы следующие:
  • Первый аргумент - размер виджета в пикселах;
  • Второй аргумент может принимать значения 'rect', 'oval' или 'circle' и определяет форму виджета (прямоугольную, овальную или круглую);
  • Третий аргумент может принимать значения 'left', 'right' или 'center' и определяет позиционирование контейнера с виджетами (слева, справа, по центру);
  • Четвертый аргумент - ключевое слово для поиска альбомов (будут выбраны альбомы, в названии которых имеется данное слово).
  • Пятый аргумент - user_id пользователя Flickr;
  • Шестой аргумент - api_key пользователя Flickr;
Все аргументы необязательные, имеют значения по умолчанию. Последние два аргумента необходимо указывать, если вы желаете отображать свои собственные общедоступные (Public) альбомы Flickr. Данные для авторизации вы получаете как пользователь Flickr по бесплатной квоте (FREE).

Функция light_youtube('160', 'circle', 'left', "youtube_id") размещает в контейнере серию видеороликов Youtube. Её аргументы следующие:
  • Первые три аргумента - аналогичны аргументам функции light_flickr;
  • Четвертый и последующие аргументы - короткие адреса видео на Youtube. Полные адреса имеют вид http://youtu.be/xxxxxxxxxxx. Здесь нужно указать только xxxxxxxxxxx.
Пример работы виджетов в теле форума:


В.Тельнов
Аватар пользователя
Telnov
Преподаватель
 
Сообщений: 324
Изображения: 5
Зарегистрирован: 05 сен 2011, 00:19
Благодарил (а): 1 раз.
Поблагодарили: 10 раз.


Вернуться в Консультации онлайн

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 9