20 готовых скриптов галерей, слайдшоу, сайтов и других элементов для интеграции на своем сайте

Подборка скриптов

Скрипты и элементы тщательно отбирались и собирались в единую подборку, чтобы они были всегда под рукой. Пользуйтесь на здоровье, если будут вопросы или вы захотите, чтобы я вам поставил данные модули на ваш сайт обращайтесь на почту admin@inini.ru или по телефону +7(918) 308-21-91 или в личку на Бармин Михаил в ВК или на Бармин Михаил в Facebook


Слайдшоу Galleria Classic

Слайдшоу содержит отдельную папку с картинками, в которой хранятся как сами картинки, так и их превьюшки (маленькие миниатюрки).

После последней картинки при прокрутке к следующей картинке переход автоматически происходит к первой картинке.

Размеры как основных картинок так и миниатюр можно выбирать любой, только нужно по высоте их делать одинаковыми, чтобы размер всей галереи не плавал. Задний черный фон автоматически подстраивается под размер фотографии (картинки).

Удобная галерея. При интеграции на свой сайт рекомендую ширину основных картинок сделать не более 700 пикселей, чтобы на маленьких экранах все влезло.

При изменении ширины экрана, точнее при просмотре на мобильных устройствах, галерея адаптируется. Но при уменьшении ширины браузера, размер галереи не подстраивается под ширину, появляется горизонтальная прокрутка.

Легко подключается. Скачайте архив со страницы "Демо", удалите всё из файла classic-demo.html, оставив только код между тегами body, а затем на странице своего сайта (используйте php код) интегрируйте при помощи директивы include данный файл (кроме этого нужно подключить в разделе head два скрипта: jquery.js и galleria-1.2.2.min.js. Это можно сделать добавив в свой файл такие же теги script, как в файле classic-demo.html из раздела head). Картинки и миниатюрки загрузите в папку slides, если их количество отличает, то в файле classic-demo.html нужно просто добавить или удалить соответствующие строки, отвечающие за картинки (разобраться легко - это строки с файлами jpg).

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Слайдшоу FlexSlider

Стандартное слайдшоу с автопрокруткой картинок. Под картинками расположены кружки, показывающие количество слайдов и позицию текущего слайда. Таким образом, можно переключиться на любой по счету слайд.

При наведение на картинку появляются кнопки перехода. Но прокрутка слайдов все равно не останавливается.

Прокрутка картинок происходит слева на право. При достижении последнего слайда, прокрутка продолжается к первому слайду с тем же эффектом что и все предыдущие слайды.

Легко подключается. Скачайте архив со страницы "Демо", удалите всё из файла index.html, оставив только код между тегами body, а затем на странице своего сайта (используйте php код) интегрируйте при помощи директивы include данный файл (кроме этого нужно скопировать из файла index.html из раздела head четыре блока: link и 3 script. Они отвечают за оформление и действия скриптов в отношении интегрируемого слайдшоу). Картинки загрузите в папку img, если их количество отличает, то в файле index.html нужно просто добавить или удалить соответствующие строки, отвечающие за картинки (разобраться легко - это строки с файлами jpg и два тега - открывающийся li и закрывающийся /li).

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!



Описание для слайдера готовится.

.

.

Если что-то не понятно, обращайтесь на admin@inini.ru, помогу!


Заключение
Скрипты — это готовые элементы, которые можно просто добавить на своем сайте.
Если у вас есть проблемы с добавлением, какого-то блока на своем сайте, я помогу вам это сделать, напишите мне на почту admin@inini.ru.
Ничего не бойтесь, делайте копию исходного файла, добавляйте скрипт, смотрите как он сработает на вашем сайте, если что-то не получится, всегда можно вернуть копию файла и восстановить работоспособность своего сайта. Удачи!

В данную подборку вошли не все модули. Пока происходит перенос всех скриптов и модулей, остальные скрипты и их работу можно посмотреть на этой странице

Если вам понравилось, поделитесь этим со своим друзьями или подписывайтесь на мою страницу в фэйсбуке или вступайте в группу в ВК, чтобы получать интересную информацию:





Если у вас есть свои скрипты или просьбы о добавлении какого-то нового скрипта пишите мне на admin@inini.ru!
comments powered by HyperComments