3D cлайдер для сайта? Легко!
Привет дорогие читатели Комстар Как у Вас настроение? Думаю отличное! Сегодня я хочу с Вами поделится одной вещицей!
И знаете что? Она Вам точно понравится. Эта вещица, как Вы поняли из названия статьи - 3D слайдер для сайта!
Вот мне интересно, кто из Вас разбирается в JavaScript? Я больше чем уверен, что многие не слишком в нем шарят, а некоторые, может ответят как я:
- "Эт че такое???"
Думаю, многие со мной согласятся, что порой лучше воспользоваться готовым решением, тем более если оно бесплатно, когда Ваших знаний не слишком хватает, а сделать очень сильно хочется
Так же и я, как Вы, порой не бываю слишком умным, я люблю изучать все новое, но иногда увидев классную вещь - хочешь сделать, а багаж знаний маловат.
Но мы же с Вами понимаем, что можем все сделать намного круче, поэтому изучаем все и учимся
Совсем недавно я блуждал по просторам интернета и черт меня дернул зайти на сайт Cu3ox. Но когда зашел, Вы бы видели, как я обрадовался! У меня глаза чуть ли не разбежались, т.к. там можно скачать абсолютно бесплатный слайдер Cu3ox!
Как работать с этим сервисом, смотрите ниже, буквально 8-и минутный видео-урок. Надеюсь Вам понравится!
Еще очень много скриптов есть тут
Интересно, а какие Вы используете слайдеры?
Комментариев: 29
2012-11-17 в 11:58:25
Говорим спасибо Кириллу за предоставленный материал
2012-11-17 в 13:33:28
Да спасибо не получится, пока. Выручай, Серёга. Очень захотелось вставить слайдер в сайтбар. Копирую код, вставляю в ушку, и на сайте только заголовок и маленькая иконка. При попытке вставить просто на главную страницу, появляется маленькая иконка.
http://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
Буду благодарна, если поможете
2012-11-17 в 13:39:45
Как то неправильно сюда вставился текст. Вставляю как обычный текст:
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
2012-11-17 в 13:40:49
Возможно через ушку криво встает.
Попробуй непосредственно в сами файлы шаблона вставить.
2012-11-17 в 13:41:05
2012-11-17 в 13:41:38
Таня, у тебя в подвале меню повторяется - убери его.
2012-11-17 в 13:44:13
Я и вставила в запись на главной,тоже не вставилось. Но хочется-то через ушку. Или хотя-бы в сайтбар. Может что-то ещё нужно прописать? Ну типа HTML в начале и конце добавить. Я вот ещё думала, что может ширина сайтбара не позволяет? Но в запись на главной тоже же не встало.
2012-11-17 в 13:44:15
Ты в хедер подключила код?
2012-11-17 в 13:45:12
Спасибо огромное, за оперативность. Ты золото!
2012-11-17 в 13:48:19
ЧЕГО???? Это как? Я думала, ты знаешь, Серёга, что мы все создаём сайт впервые и под твоим чутким руководством. Я и слова то такого не знаю.
2012-11-17 в 13:55:09
В уроке есть в тег head необходимо подключить специальный скрипт.
2012-11-17 в 14:18:15
я и добавила в ту же ушку в самом конце. Было же сказано, что в тот же файл.
2012-11-17 в 14:24:38
У тебя по этому пути файл есть?
Именно он указан:
2012-11-17 в 14:56:29
Там вообще ничего не было. Спасибо. Уже любуюсь слайдером в сайтбаре.
2012-11-17 в 15:38:36
Уже опять не любуюсь. Картинка появилась, а слайдер не крутится.
2012-11-17 в 16:01:01
вернула слайдер, только не на всех страницах.
2012-11-17 в 21:16:43
Сайт Cu3ox интересен и слайдбар интересен, а урок дерьмо. Окажи помощь этому самому Кириллу по созданию видеоуроков.
2012-11-17 в 21:45:26
За информацию спасибо огромно, но тема его внедрения на сайт для новичков не раскрыта
2012-11-17 в 23:00:41
Да, слайдер супер! Всё установил как положено, код - в body, скрипт - в хедер, на месте слайдера появилось белое поле. Серёга, расскажи поподробнее, пожалуйстаааа!
2012-11-18 в 02:06:19
Я напишу, как получилось у меня. Сначала создала папку на рабочем столе, в которую закинула уже отредактированные фотографии нужного размера (одинокового!, иначе порежет,обрежет как хочет).На фото оставила белое поле в низу, т.к. всплывающее название закрывало всю картинку. Затем создала слайдер, как в уроке, и сохранила в ту же папку. В этой же папке появились 2 файла. Их в полном составе закинула на сайт (Спасибо Серёге за подсказку). Дальше открыла НТМL ссылку текстовым редактором, и скопировала в новую ушку содержимое (но не полностью, а так как в видео). Причём, первую часть из видео нужно ставить в конце, а вторую в начале). Иначе не работал слайдер.
И...о чудо! Всё заработало. Правда не на всех страницах сайта. Я ставила ушку в сайтбар, но работает!!! Может кому будет полезно.
Посмотреть можно здесь: 8stepen.ru
А учитель тихий с кашей во рту! Серёга круче! У меня дети по квартире бегали, с ноута урок на всю громкость не было слышно. А если слышно, то непонятно.
2012-11-18 в 02:08:43
ЗЫ: Всё равно спасибо Кириллу за предоставленный материал!
2012-11-18 в 08:03:44
Хм... Друзья, это первое видео Кирилла, так что косяки будут по любому.
Вспомните хотя бы мое первое интервью Ох, и надавали вы мне тогда в тык
Везде требуется опыт.
Который обычно набивается шишками Думаю еще парочка уроков и у Кирилла все будет получаться.
Такс, обещаю потом записать урок, как данного зверя прикрутить к MaxSite CMS.
Возможно сам Кирилл и запишет.
2012-11-18 в 15:24:56
спасибо большое за урок
2012-11-19 в 10:25:25
Прошу прощения, если я где-то что-то не досказал. Это мой первый опыт записи урока для блога. Исправлюсь! Самое, что я хотел показать - это то, что можно легко сделать себе слайдер для сайта.
2012-11-21 в 16:53:43
Слайдер, конечно красивый, но то что он сделал на морально устаревшей технологии Flash - это минус... Уж лучше найти что-то подходящее на jQuery.
2012-11-21 в 20:31:06
а по-моему, бесплат версия недоступна для скачивания....
2013-03-23 в 10:41:21
2013-05-04 в 23:37:22
Спасибо - слайдер классный даже с музыкой, как поставить на сайт - у меня конструктор, на рег.ру и там просто копируешь кода и вставляешь блоками - не получается и кода не как у вас в видео - никаких води нет х
- - 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 http://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
2013-07-29 в 09:44:31
В будущем Елена брось дурацкий конструктор от reg.ru и переходи на MAXsite CMS он круче.