Знания без воды. Поделимся уроками и ничего лишнего.
Хотите создать интуитивно понятный и привлекательный дизайн? Вы должны знать, что лежит в основе психологии поведения людей: Как люди думают? Как они принимают решения? На какие элементы дизайна обращают внимание? Обо всём этом вы узнаете из этой книги.
Бесплатный курс по основам создания веб страниц. 33 видеоурока можно освоить в любое удобное время на нашем сайте без регистрации и на халяву!
Скрипты и элементы тщательно отбирались и собирались в единую подборку, чтобы они были всегда под рукой. Пользуйтесь на здоровье, если будут вопросы или вы захотите, чтобы я вам поставил данные модули на ваш сайт обращайтесь на почту admin@inini.ru или по телефону +7(918) 308-21-91 или в личку на Бармин Михаил в ВК или на Бармин Михаил в Facebook
Слайдшоу содержит отдельную папку с картинками, в которой хранятся как сами картинки, так и их превьюшки (маленькие миниатюрки).
После последней картинки при прокрутке к следующей картинке переход автоматически происходит к первой картинке.
Размеры как основных картинок так и миниатюр можно выбирать любой, только нужно по высоте их делать одинаковыми, чтобы размер всей галереи не плавал. Задний черный фон автоматически подстраивается под размер фотографии (картинки).
Удобная галерея. При интеграции на свой сайт рекомендую ширину основных картинок сделать не более 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, помогу!
Стандартное слайдшоу с автопрокруткой картинок. Под картинками расположены кружки, показывающие количество слайдов и позицию текущего слайда. Таким образом, можно переключиться на любой по счету слайд.
При наведение на картинку появляются кнопки перехода. Но прокрутка слайдов все равно не останавливается.
Прокрутка картинок происходит слева на право. При достижении последнего слайда, прокрутка продолжается к первому слайду с тем же эффектом что и все предыдущие слайды.
Легко подключается. Скачайте архив со страницы "Демо", удалите всё из файла 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.
Ничего не бойтесь, делайте копию исходного файла, добавляйте скрипт, смотрите как он сработает на вашем сайте, если что-то не получится, всегда можно вернуть копию файла и восстановить работоспособность своего сайта. Удачи!
В данную подборку вошли не все модули. Пока происходит перенос всех скриптов и модулей, остальные скрипты и их работу можно посмотреть на этой странице
Если вам понравилось, поделитесь этим со своим друзьями или подписывайтесь на мою страницу в фэйсбуке или вступайте в группу в ВК, чтобы получать интересную информацию: