Роскошный 3D слайдер

Приветствую всех читателей блога!

В сегодняшней статье мы сделаем себе 3D слайдер, точнее сделаете вы, я уже попробовал и сотворил себе нечто. Можете посмотреть здесь.

А для этого нам нужно посетить сайт CU3OX, на котором можно сделать себе роскошный  слайдер с 3d эффектами фрагментов с плавными переходами от одного слайда к другому. Можно разбить ваши красочные изображения на большое количество частей и при этом они будут вращаться как вашей душе угодно. У вас получится красочная галерея изображений.

Вам предлагается бесплатная версия слайдера, но если есть желание, то можно выбрать и платную на сайте, возможностей в ней больше.

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

Итак, переходим на сайт и скачиваем программу, для начала вверху выбираем российский флаг, чтобы текст отображался на русском языке. Если вас не устраивает российский флаг, выбирайте другой, язык какой страны вы больше предпочитаете, там их много.

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

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

Сначала нужно открыть приготовленные заранее картинки в программе CU3OX, для этого жмем зеленую кнопку «+» и выбираем картинки для нашей галереи изображений. После того как выбрали необходимые фото, нажимаем на кнопку «гаечный ключ». Здесь можете выбрать заголовок для 3D слайдера, выбрать цвет фона.

Нажав следующую кнопку «изображения», мы можем задать размеры нашего слайдера, выбрать из предложенного списка, или задать свои размеры.

Можно выбрать количество элементов, которые будут вращаться, по умолчанию стоит 5, можете оставить. В следующем окошке можно задать направление вращения элементов 3D слайдера (вверх, вниз, влево, вправо). Нажимая кнопку внизу, указанную красной стрелочкой, вы можете выбрать варианты вращения ваших изображений галереи. Там представлены различные графики, каждый из которых задает свое вращение.

Здесь же можно задать качество изображения, время и есть еще ряд настроек, поэкспериментируйте самостоятельно. После задания своих параметров, нажмите ОК.

Следующая вкладка носит название Description, нажимая ее, попадаем на следующую вкладку для создания галереи изображений.

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

Здесь рассмотрены возможные варианты опубликования вашей галереи. Я выбрал опубликовать в папку. Для этого нажимаете кнопку обзор и выбираете папку на компьютере, где будут лежать файлы вашего 3D слайдера. После этого жмем кнопку опубликовать.

Вот собственно и все, слайдер готов, вы наслаждаетесь полученной галереей изображений.

Не знаю, понятно ли объяснил, но на сайте есть раздел «помощь», где все подробно и с картинками расписано.

Единственно, что у меня не получилось – это опубликовать слайдер у себя на сайте, может я что-то не так делал, не слишком силен я в правке кода и прочих технических премудростях. Будет просьба к вам, если у кого получится разместить 3D слайдер на сайте, то отпишитесь, как вы делали, и куда вносили изменения.

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

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

До скорого и успехов вам!