Страница 1 из 1

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

СообщениеДобавлено: 09 окт 2019, 14:07
Telnov
Контекстно-зависимый поиск
Скачать: 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

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

СообщениеДобавлено: 07 ноя 2019, 14:00
Telnov
Пример работы рыбьего глаза с общедоступными альбомами 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.
Пример работы виджетов в теле форума: