3D cлайдер для сайта? Видеоурок
Привет дорогие читатели master-css Как у Вас настроение? Думаю отличное! Сегодня я хочу с Вами поделится одной вещицей!
И знаете что? Она Вам точно понравится. Эта вещица, как Вы поняли из названия статьи - 3D слайдер для сайта!
Вот мне интересно, кто из Вас разбирается в JavaScript? Я больше чем уверен, что многие не слишком в нем шарят, а некоторые, может ответят как я:
- "Эт че такое???"
Думаю, многие со мной согласятся, что порой лучше воспользоваться готовым решением, тем более если оно бесплатно, когда Ваших знаний не слишком хватает, а сделать очень сильно хочется
Так же и я, как Вы, порой не бываю слишком умным, я люблю изучать все новое, но иногда увидев классную вещь - хочешь сделать, а багаж знаний маловат.
Но мы же с Вами понимаем, что можем все сделать намного круче, поэтому изучаем все и учимся
Совсем недавно я блуждал по просторам интернета и черт меня дернул зайти на сайт Cu3ox. Но когда зашел, Вы бы видели, как я обрадовался! У меня глаза чуть ли не разбежались, т.к. там можно скачать абсолютно бесплатный слайдер Cu3ox!
Как работать с этим сервисом, смотрите ниже, буквально 8-и минутный видео-урок. Надеюсь Вам понравится!
Еще очень много скриптов есть тут
Интересно, а какие Вы используете слайдеры?
Говорим спасибо Кириллу за предоставленный материал
Да спасибо не получится, пока. Выручай, Серёга. Очень захотелось вставить слайдер в сайтбар. Копирую код, вставляю в ушку, и на сайте только заголовок и маленькая иконка. При попытке вставить просто на главную страницу, появляется маленькая иконка.
https://8stepen.ru/
Вот код, как рассказано в видео, в том же порядке:
var cu3oxId = ("cu3ox" + Math.random()).replace(".","");
[removed]('');
if (swfobject.getFlashPlayerVersion().major)
swfobject.createSWF(
{data:"engine/cu3ox.swf", width:"100%", height:"100%" },
{FlashVars:"images=data/images1&cfgsuffix=1",menu:true, allowFullScreen:false, allowScriptAccess:'sameDomain', wmode:"transparent", bgcolor:'#FFFFFF',
devicefont:false, scale:'noscale', loop:true, play:true, quality:'high'}, cu3oxId);
Slideshow Using Flash by cu3ox.com v1.8
Буду благодарна, если поможете
Как то неправильно сюда вставился текст. Вставляю как обычный текст:
var cu3oxId = ("cu3ox" + Math.random()).replace(".","");
[removed]('');
if (swfobject.getFlashPlayerVersion().major)
swfobject.createSWF(
{data:"engine/cu3ox.swf", width:"100%", height:"100%" },
{FlashVars:"images=data/images1&cfgsuffix=1",menu:true, allowFullScreen:false, allowScriptAccess:'sameDomain', wmode:"transparent", bgcolor:'#FFFFFF',
devicefont:false, scale:'noscale', loop:true, play:true, quality:'high'}, cu3oxId);
Slideshow Using Flash by cu3ox.com v1.8
Возможно через ушку криво встает.
Попробуй непосредственно в сами файлы шаблона вставить.
Таня, у тебя в подвале меню повторяется - убери его.
Я и вставила в запись на главной,тоже не вставилось. Но хочется-то через ушку. Или хотя-бы в сайтбар. Может что-то ещё нужно прописать? Ну типа HTML в начале и конце добавить. Я вот ещё думала, что может ширина сайтбара не позволяет? Но в запись на главной тоже же не встало.
Ты в хедер подключила код?
Спасибо огромное, за оперативность. Ты золото!
ЧЕГО???? Это как? Я думала, ты знаешь, Серёга, что мы все создаём сайт впервые и под твоим чутким руководством. Я и слова то такого не знаю.
В уроке есть в тег head необходимо подключить специальный скрипт.
я и добавила в ту же ушку в самом конце. Было же сказано, что в тот же файл.
У тебя по этому пути файл есть?
Именно он указан:
Там вообще ничего не было. Спасибо. Уже любуюсь слайдером в сайтбаре.
Уже опять не любуюсь. Картинка появилась, а слайдер не крутится.
вернула слайдер, только не на всех страницах.
Сайт Cu3ox интересен и слайдбар интересен, а урок дерьмо. Окажи помощь этому самому Кириллу по созданию видеоуроков.
За информацию спасибо огромно, но тема его внедрения на сайт для новичков не раскрыта
Да, слайдер супер! Всё установил как положено, код - в body, скрипт - в хедер, на месте слайдера появилось белое поле. Серёга, расскажи поподробнее, пожалуйстаааа!
Я напишу, как получилось у меня. Сначала создала папку на рабочем столе, в которую закинула уже отредактированные фотографии нужного размера (одинокового!, иначе порежет,обрежет как хочет).На фото оставила белое поле в низу, т.к. всплывающее название закрывало всю картинку. Затем создала слайдер, как в уроке, и сохранила в ту же папку. В этой же папке появились 2 файла. Их в полном составе закинула на сайт (Спасибо Серёге за подсказку). Дальше открыла НТМL ссылку текстовым редактором, и скопировала в новую ушку содержимое (но не полностью, а так как в видео). Причём, первую часть из видео нужно ставить в конце, а вторую в начале). Иначе не работал слайдер.
И...о чудо! Всё заработало. Правда не на всех страницах сайта. Я ставила ушку в сайтбар, но работает!!! Может кому будет полезно.
Посмотреть можно здесь: 8stepen.ru
А учитель тихий с кашей во рту! Серёга круче! У меня дети по квартире бегали, с ноута урок на всю громкость не было слышно. А если слышно, то непонятно.
ЗЫ: Всё равно спасибо Кириллу за предоставленный материал!
Хм... Друзья, это первое видео Кирилла, так что косяки будут по любому.
Вспомните хотя бы мое первое интервью Ох, и надавали вы мне тогда в тык
Везде требуется опыт.
Который обычно набивается шишками Думаю еще парочка уроков и у Кирилла все будет получаться.
Такс, обещаю потом записать урок, как данного зверя прикрутить к MaxSite CMS.
Возможно сам Кирилл и запишет.
спасибо большое за урок
Прошу прощения, если я где-то что-то не досказал. Это мой первый опыт записи урока для блога. Исправлюсь! Самое, что я хотел показать - это то, что можно легко сделать себе слайдер для сайта.
Слайдер, конечно красивый, но то что он сделал на морально устаревшей технологии Flash - это минус... Уж лучше найти что-то подходящее на jQuery.
а по-моему, бесплат версия недоступна для скачивания....
Спасибо - слайдер классный даже с музыкой, как поставить на сайт - у меня конструктор, на рег.ру и там просто копируешь кода и вставляешь блоками - не получается и кода не как у вас в видео - никаких води нет х
- - 1024 768 5 1.2 0.1 easeInOutBack 0 20 0x111111 0x55ff7f 0xcccccc 0 100 3 3 down 16 994 60 698 upDown cu3ox.com https://cu3ox.com 0 true 1 engine/Kalimba.mp3 - - down 5 - Chrysanthemum - - down 5 - Desert - - down 5 - Hydrangeas - - down 5 - Jellyfish - - down 5 - Koala - - down 5 - Lighthouse - - down 5 - Penguins - - down 5 - Tulips
В будущем Елена брось дурацкий конструктор от reg.ru и переходи на MAXsite CMS он круче.
как сделать без поворотов, просто перелистной слайд ?
А несколько слайдеров вставить можно?
А я ни разу вообще его не ставил. Я не особо люблю слайдеры
https://demo.vinaora.com/vinaora-cu3er-3d-slideshow.html
Сергей,простите что влез!
Вот попалось в недрах интернета, мож кому и пригодится.