Displaying items by tag: slider

На многих современных сайтах используются слайдеры. Слайдер - это блок, в котором некоторый контент изменяется динамически, переключается. В слайдере могут быть картинки (слайдер картинок) или ссылки на новости (новостные слайдеры). 

 

Опубликовано в Разработка сайта

В данной статье мы рассмотрим слайдер новостей от kate-land. Слайдер содержит картинку новости, название, краткое содержание и кнопку "Читать". Слайды переключаются автоматически и при клике на переключатели.

 

Опубликовано в Js/jQuery

В данной статье я дам подробную инструкцию как сделать слайдер картинок с разными видами анимации - изменение прозрачности, смещение вверх или влево.

 

Подобные слайдеры часто используются на сайтах в разделах фотогалерей, подробных описаниях товаров и услуг. На свое усмотрение, можно менять размеры слайдов, позицию переключателей, внешний вид переключателей, вид анимации. Я понимаю, что в сети есть очень много готовых плагинов для создания слайдера картинок или новостей. Но они чаще всего достаточное емкие, с большим количеством дополнительных возможностей. Мы же, верстальщики, чаще всего получаем заказ на разработку достаточно простых слайдеров. В этом посте я постараюсь достаточно понятно объяснить свою идею создания простого слайдера картинок. А поняв идею, можно на основе ее сделать что-то похожее, но другое.

 

Опубликовано в Js/jQuery

Задача – сделать для сайта галерею. Это может быть простой слайдер фотографий, слайдер новостей с фото и названием статьи и т.д.

Для этого можно найти готовый плагин, которых множество в сети, и подключить его.

Опубликовано в Js/jQuery

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов