Заработок в интернет

Создание, оптимизация, продвижение сайта и заработок на его основе

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

Автор: Сергей Егерев Опубликовано: 19 - Ноябрь - 2012

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

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

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

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

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

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

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

3д галерея изображений

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

сайт cuo3x

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

свойства слайдера

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

свойства 3д слайдера

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

3д слайдер свойства

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

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

слайдер 3д

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

опубликование слайдера

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

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

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


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

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

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

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

  1. Ирина Юшкова:

    Слайдер- это что то! Судя по статье! Только я не поняла, по моему о музыке не упоминалось? Просто слайды? Как выберу время, обязательно займусь…хорошо, что фоток куча..

    Опубликовано: 19 Ноябрь 2012 в 22:59

  2. Сергей Медведев:

    Такой слайдер можно использовать для красивого оформления презентаций, свадебных фотографий или историй поездок куда-нибудь!
    Но для блога, мне кажется, это будет тяжеловато…

    Опубликовано: 20 Ноябрь 2012 в 07:25

  3. Сергей Егерев:

    @ Ирина Юшкова:
    Там встречается использование музыки, стоит галочка, но скорее всего это для платной версии, я не разбирался с этим.

    Опубликовано: 20 Ноябрь 2012 в 18:13

  4. Сергей Егерев:

    @ Сергей Медведев:
    Не знаю как будет сказываться на нагрузке, не смог у себя разместить, не получилось у меня. Может кто-то разместит и потом отпишется :)

    Опубликовано: 20 Ноябрь 2012 в 18:18

  5. Радосвет:

    Я думаю что для блога не покатит, по крайней мере для моего.
    А так — слайдеры это круто :) Спасибо за информацию1

    Опубликовано: 21 Ноябрь 2012 в 06:10

Оставить комментарий

Switch to Dark fonts Switch to Light fonts