Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: background
 
 автор: lilu   (02.05.2007 в 17:13)   письмо автору
 
 

У меня в ячейке таблицы вставлен объект flash а пока подгружается flash, фон должен заливается картинкой, но если я в браузере ставлю отметку "Запретить анимацию Flash" - не отображается ни только flash , но и фоновая картинка ---- почему .....

<table  width="100%" border="0">
<tr><td width="465" height="180" background="/images/logo.gif">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="465" height="180">
              <param name="movie" value="/rolik_pre2.swf">
              <param name="quality" value="high">
              <embed src="/rolik_pre2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="465" height="180"></embed></object>

</td></tr>
</table> 


я пробовала и так


<head>
#logo{background-image: url(/images/logo.gif);}
</head>

<body>
<table  width="100%" border="0">
<tr><td width="465" height="180" id="logo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="465" height="180">
              <param name="movie" value="/rolik_pre2.swf">
              <param name="quality" value="high">
              <embed src="/rolik_pre2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="465" height="180"></embed></object>
</td>
</tr>
</table> 

</body>

   
 
 автор: elenaki   (02.05.2007 в 17:37)   письмо автору
 
   для: lilu   (02.05.2007 в 17:13)
 

чтобы фон был виден из-под флаша (а флаш все равно занимает отведенное место, даже, если он еще не загружен), ролик должен быть сохранен со свойством transparent и потом делать вывод ролика в ячейке лучше с помощью скрипта. тогда не будет противных рамок вокруг и требования клика для активации... скрипт - swfobject или iobject.js

если нет возможности сделать прозрачный фон ролику - делайте прелоадер, который и будет показывать картинку, пока ролик не загружен полностью.

   
 
 автор: lilu   (02.05.2007 в 18:19)   письмо автору
 
   для: elenaki   (02.05.2007 в 17:37)
 

Прелоад есть и клик специальный не требуется , вся проблема в том, что если у пользователей откл. flash на его месте белая пустота.... не пойму как это вообще взаимосвязано... фон ячейки и флэш в ячейке..
Ведь если я ставлю не флеш в ячейке, а текст пишу - всё нормально...
ещё.. покажите пример как скриптом флеш вызывать...

   
 
 автор: elenaki   (02.05.2007 в 18:25)   письмо автору
1.6 Кб
 
   для: lilu   (02.05.2007 в 18:19)
 


<td colspan="2" background="images/top_image_2.jpg" width="740" height="160" align="right" style="background-repeat: no-repeat;" bgcolor="e1eec9">
    <SCRIPT language="JavaScript" type="text/javascript" src="iobject.js"></SCRIPT>
    <SCRIPT language="JavaScript" type="text/javascript">
    var o = {};
    o.bgcolor = "e1eec9";
    o.width = "740";
    o.height = "166";
    o.id = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";
    o.name = "images/MM740x166.swf";
    o.quality = "high";
    o.wmode="transparent";
    showFlash (o);
    </SCRIPT></td>


скрипт - в аттаче

PS

а это что за чудо?
<head>
#logo{background-image: url(/images/logo.gif);}
</head>



а где обрамление тэгами <style></style>?

   
 
 автор: lilu   (03.05.2007 в 10:58)   письмо автору
 
   для: elenaki   (02.05.2007 в 18:25)
 

вот, что получается - если откл flash в браузере, то фон ячейки залит картинкой, это хорошо, только вот когда flash вкл. через ролик виден этот фоновый рисунок - некрасиво как -то получается, если я убираю
o.wmode="transparent"; , то вместо фоновой картинки фон залит цветом o.bgcolor = "CFE1F5"; (зато ролик нормальный), что не так.....:(((

   
 
 автор: elenaki   (03.05.2007 в 11:05)   письмо автору
 
   для: lilu   (03.05.2007 в 10:58)
 

а если не ставить цвет фона вообще? там, вроде, в самом скрипте прописано, если цвет фона не указан, то сделать его #FFFFFF. уберите это.

   
 
 автор: lilu   (03.05.2007 в 18:51)   письмо автору
 
   для: elenaki   (03.05.2007 в 11:05)
 

пробовала - не получается

   
 
 автор: AlexSol   (03.05.2007 в 11:06)   письмо автору
 
   для: lilu   (03.05.2007 в 10:58)
 

воспользуйтесь для вывода ролика swfobject

   
 
 автор: lilu   (03.05.2007 в 18:53)   письмо автору
 
   для: AlexSol   (03.05.2007 в 11:06)
 

вот что с swobject

<script type="text/javascript" src="swfobject.js"></script>
   <div id="flashcontent">
 kkkkkkkk
</div>

<script type="text/javascript">
  var so = new SWFObject("rolik_pre2.swf","mymovie","465","180","7","/images/logo.gif');
  so.write("flashcontent");
</script>


Из примера я заменила только фоновый цвет на фоновую картинку и - ничего

   
 
 автор: AlexSol   (03.05.2007 в 20:27)   письмо автору
 
   для: lilu   (03.05.2007 в 18:53)
 

этот параметр - цвет для флешки. его указывать не надо. а через стили прописываете фон для <div id="flashcontent">

   
 
 автор: lilu   (04.05.2007 в 12:35)   письмо автору
 
   для: AlexSol   (03.05.2007 в 20:27)
 

Я так понимаю что должно быть что-то типа того,

<style>
#flashcontent{background-image: url(/images/logo.gif);}
</style>

<script type="text/javascript" src="swfobject.js"></script> 
   <div id="flashcontent"> 
 kkkkkkkk 
</div> 

<script type="text/javascript"> 
  var so = new SWFObject("rolik_pre2.swf","mymovie","465","180","7"); 
  so.write("flashcontent"); 
</script> 


результат всё тот же....

   
 
 автор: AlexSol   (04.05.2007 в 12:54)   письмо автору
 
   для: lilu   (04.05.2007 в 12:35)
 

тот же это какой? скрипт раюботает 100%. если нет ролика показывается блок, если есть - ролик все перекрывает.
у вас все правильно написано. проверьте путь к картинке.

   
 
 автор: lilu   (05.05.2007 в 10:18)   письмо автору
 
   для: AlexSol   (04.05.2007 в 12:54)
 

путь к картинке правильный,
Вот что я заметила, если код такой:

<script type="text/javascript" src="swfobject.js"></script>
 
 <script type="text/javascript">
  var so = new SWFObject("rolik_pre2.swf","mymovie","465","180","7");
  so.write("flashcontent");
</script>
 <div id="flashcontent">kkkk</div>

что если откл. в браузере flash, фоновая картинка есть, если вкл., то ролик не работает....
если код такой

<script type="text/javascript" src="swfobject.js"></script>
 
 <div id="flashcontent">kkkk</div>
 <script type="text/javascript">
  var so = new SWFObject("rolik_pre2.swf","mymovie","465","180","7");
  so.write("flashcontent");
</script>
 

то при откл flash - фоновой картинки нет вообще(белый фон) даже kkkkk не отображается, при вкл . flash работает ролик
спрашивается чего не хватает... чтобы работало нормально

   
 
 автор: ilyaILF   (05.05.2007 в 11:14)   письмо автору
 
   для: lilu   (05.05.2007 в 10:18)
 

Нехватать может этого параметра:
  so.addParam("wmode", "transparent");
(http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701)
Подключение этого скрипта:
<script type="text/javascript" src="swfobject.js"></script>
должно осуществляться в <head>. Второй вариант записи правильный...<div> должен идти перед созданием SWFObject.
Ну и чтобы с отображением фоновой картинки не возникало дополнительных вопросов надо задать в стилях:
<style> 
#flashcontent{background-image: url(/images/logo.gif); height: Ypx; width: Xpx;} 
</style>
реальную ширину и высоту фоновой картинки

   
 
 автор: lilu   (05.05.2007 в 12:10)   письмо автору
 
   для: ilyaILF   (05.05.2007 в 11:14)
 

Всё исправила,

<head>
 <script type="text/javascript" src="swfobject.js"></script>
<style>
#flashcontent{
background-image: url(/images/logo.gif);
height:180px;
width:465px;
}
</style>
</head>
<body>
.....
<div id="flashcontent">kkkk</div>
 <script type="text/javascript">
  var so = new SWFObject("rolik_pre2.swf","mymovie","465","180","7");
   so.addParam("wmode", "transparent"); 
   so.write("flashcontent");
 </script>

</body>


С помощью этого
so.addParam("wmode", "transparent");
всё работает - тока через ролик просвечивается картинка фоновая - прикольно :))))

   
 
 автор: ilyaILF   (06.05.2007 в 01:27)   письмо автору
 
   для: lilu   (05.05.2007 в 12:10)
 

А чтобы не просвечивалась картинка фоновая можно попробовать изменить немного флэш. Прозрачным делается скорее всего начальная подложка флэша, т.е. исходный рабочий лист флэш, даже если на нем задан градиент или фоновая заливка. Если же сделать нижним слоем (который будет располагаться над тем самым исходным слоем, который скорее всего и делается прозрачным) прямоугольник, размером на весь флэш-ролик и залить его фоновым цветом или сделать градиентную заливку, то скорее всего именно этот (вновь созданный, не исходный рабочий лист) и не будет прозрачным.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования