Слайдер с круговым эффектом вращения - Скрипты для юкоз - Софт - Каталог файлов - Сайт для отдыха Shampusik
Пятница, 25.05.2018, 08:20
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      
Избранноеблеск











чатик


  
блеск блеск Друзья Сайта блеск блеск
блескМои любимые треки
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

    Сертификат на никнейм Shampusik, зарегистрирован на http://shampusik.ucoz.net/
   

Каталог файлов

Главная » Файлы » Софт » Скрипты для юкоз

Слайдер с круговым эффектом вращения
20.10.2015, 12:19
Создаем слайдер с круговым эффектом вращения
 
 
 
Flex Warp 
 
 
 
1. Создайте в своей персональной папке новую папку "Фото для слайдера"
 
2. Подберите 3 фотографии для слайдера
 
3. Теперь размер этих фотографий нужно уменьшить
 
4. Для этого перейдите по ссылке: http://www.softorbits.ru/resize-images-online/index.php 
 
5. Наведите курсор в белое поле и щелкните правой кнопкой мыши, выберите первую фотографию


 
6. Установите размер 700 пикселей и нажмите кнопку Изменить размер
 
7. Сохраните фотографию в той же папке, изменив имя файла на "1"
 
8. Повторите пункты 5-7 со следующими двумя фотографиями, с именами "2", "3"
 
9. Зайдите на свой сайт
 
10. Нажмите вкладку Управление, Файловый менеджер
 
11. Нажмите кнопку Создать папку
 
12. В поле введите название папки "Slajder" и нажмите галочку

13. Откройте папку  "Slajder", нажмите кнопку Обзор, выберите фотографию "1", нажмите кнопку Загрузить файл 
 
14. Загрузите фото "2", "3"
 
15. Перейдите на страницу, на которой Вы будите размещать слайдер
 
16. Нажмите на значок Редактировать HTML код


17. Скопируйте и вставьте на страницу следующий код:
 
 
<script src="http://shampusik.ucoz.net/FlexWarp/flux.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dssliderwarp', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['warp'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dssliderwarp">
<img src="http://shampusik.ucoz.net/FlexWarp/1.jpg" alt="" />
<img src="http://shampusik.ucoz.net/FlexWarp/2.jpg" alt="" />
<img src="http://shampusik.ucoz.net/FlexWarp/3.jpg" alt="" />
</div>
 
18. Обязательно, после тега </div> поставьте курсор и нажмите кнопку Enter 3 раза, в противном случае у Вас пропадут кнопку редактирования!(
 
19. Осталось только вставить в слайдер свои фото, для этого:
 
- снова откройте Файловый менеджер, если вы его закрыли
- откройте папку  "Slajder" 
- напротив фото "1" нажмите значок
 
- скопируйте ссылку к файлу
- перейдите на страницу, где вы добавили код
- найдите следующую строчку:
 
<img src="http://shampusik.ucoz.net/FlexWarp/1.jpg" alt="" /> 
 
- выделите адрес в кавычках (кавычки не выделять!)
 
<img src="http://shampusik.ucoz.net/FlexWarp/1.jpg" alt="" /> 
 
- нажите правую кнопку мыши, выберите пункт Вставить 
 
- так же вставьте ссылки к фото "2" и "3"
 
20. Нажмите кнопку Сохранить внизу страницы



Нажмите кнопку, посмотрите  



 PS: Размер слайдера  меняется за счёт размера самих изображений, и нужно чтобы изображения были одинаковые.
Категория: Скрипты для юкоз | Добавил: skupev | Теги: Слайдер, вращения, круговым, эффектом
Просмотров: 1547 | Загрузок: 0
Новости по теме:
Всего комментариев: 0
avatar



<


Поиск
блеск Личный кабинет блеск
тут не скучно
форум25.05.2018
08:20




Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Старый Вход блеск

Теги
Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

Комментарии: 0

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

Комментарии: 2

skupev
Добавлено: 05.10.2016
Кто ты, мой собеседник по ту сторону монитора?

Комментарии: 0

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

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

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     --------------------

На развитие проекта!

   -------------------     

Отвлекись

 
Играть в полный размер  
   
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

Расскажи друзьям интересные новости:


Установить на свой сайт!
По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог@Mail.ru - каталог ресурсов интернет Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
Яндекс.Метрика