—»     —»   Круговой шаблон дискографии с помощью jQuery
  Раздел: Шаблоны сайтов   Нет комментариев  

Круговой шаблон дискографии с помощью jQuery

Сегодня мы хотим поделиться с вами шаблоном веб-сайта. Шаблон будет отображать дискографию или просто музыкальные альбомы в виде круговой витрины, кликнув по которой, вы сможете перейти к следующему диску. При клике на альбом, вам будет дана подробная информация, а также музыкальный плеер (jPlayer) и треклист с некоторыми песнями. Область с описанием можно будет прокручивать.

Для полноты ощущений и полностью рабочего функционала, нам понадобятся следующие плагины jQuery и скрипты:

- jQuery Easing Plugin
- jScrollPane
- jQuery 2D Transformation Plugin
- jPlayer

Здесь мы также добавили некоторые примеры песен:

Audiotechnica – Testing
от audiotechnica

Coffeeeurope -Arena Blanca
от Hektor Thillet

Ramblinglibrarian – Our Resolve
от Ivan Chew

Syenta – Emerging Cry
от Syenta

Огромная благодарность артистам, таким образом распространяющим свои произведения!

Основное окно шаблона отобразит небольшой элемент загрузки, тем временем, подгружая обложки. Далее вам будет показана обложка альбома с возможностью листать вперёд или назад.

Круговой шаблон дискографии с помощью jQuery

При нажатии на стрелки навигации, витрина начнет вращаться, переходя к следующему альбому:

Круговой шаблон дискографии с помощью jQuery

Нажимая на альбомы, вам будет открываться подробная информации об альбоме с музыкальным плеером, треклист с некоторым песнями. Фоновое изображение изменится на то, что идёт следом за текущим альбомом. Музыка начнёт воспроизведение автоматически с первой песни:

Круговой шаблон дискографии с помощью jQuery

Демо | Скачать
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: шаблоны сайтов, jQuery
Опубликовал Mysterious Master   Прочитано (раз): 6391   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Февраль 2020    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
242526272829