Главная » Файлы » Прочие скрипты » jQuery

Ставим flash (флеш) ролик на фон через плагин ufo на jQuery
23.06.14, 09:12:03

Скачать файл




Сегодня набрёл на одно интересное решение решение через плагин jQuery. Теперь на вашем сайте можно установить любую флеш анимацию в качестве фонового рисунка

Для начала посмотрите ДЕМО

Установка:

После /head вставляйте следующий код:
Код
<script type="text/javascript" src="/js/ufo.js"></script>
  <script type="text/javascript">
  var FO = { movie:"/images/background.swf", width:"100%", height:"960", majorversion:"8", build:"0", xi:"true", wmode:"transparent" };  
  UFO.create(FO, "flash-background");  
  </script>

  <style>
#flash-background{  
width:100%;  
height:960px;  
position:absolute;  
top:0px;  
z-index:-1;  
}  

.text-content{  
padding:15px;  
}  

  </style>  
  <div id="flash-background"></div>


Далее залейте скрипт из прикреплённого архива в папку js и, если вы будете использовать данный флеш ролик, залейте его в папку images

Всё, настройка скрипта завершена, однако, спешу предупредить, что вставлять данный плагин на очень длинные страницы не рекомендовано, так как флеш - это не картинка и у него нет свойства repeat... Флешку можно лишь растянуть по горизонтали или в длину... Параметры ширины в данном случае 100%, а высоты - 960 пикселей. Заменяйте значения на свои

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: фон, Через, ролик, (флеш), плагин, на, ставим, ufo, Flash
Просмотров: 308 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: