Блог
Главная » jQuery » Ставим flash (флеш) ролик на фон через плагин ufo на jQuery
12:42




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

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

Установка:

После /head вставляйте следующий код:
Code

<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 пикселей. Заменяйте значения на свои

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?