Born ToBe Free
15.10.2009, 06:16
Господа подскажите в чем глупость спрятана:
есть swf-файл к нему привинчен lightbox
при запуске с сервера lightbox активируется ЗА областью флеш-ролика
(что понятно, т.к. у флефа z-индекс по дефолту жутко большой)
а нужно наоборот - чтобы lightbox поверх флеш-ролика.
вот код:
// это внутри тега head////////
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>
///////////// это внутри тега body
<body leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" bgcolor="#FFCD64">
///вставляем swf-ролик////////////////
<center><table cellpadding="0" cellspacing="0" height="100%" border="0">
<tr>
<td height="100%" valign="top" style="padding-top: 20px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="778" height="520" id="flash" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowscriptaccess" value="samedomain">
<param name="wmode" value="transparent">
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="flash.swf" quality="high" bgcolor="#ffffff" width="778" height="520" name="flash" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
</tr>
</table>
</center>
</body>
/////////////////////////
про то, что нужно в embed src="flash.swf" довесить wmode="transparent" читал.
но если это сделать - кнопки сайта (на флеш-ролике) становятся не активными.
как избежать пассивности кнопок и заставить таки lightbox быть впереди флеша-ролика?
Добавлено через 51 минуту
забавно, но IE 6.0 все отображает корректно.
а в ФФ 3.0.14 - ни фига.
выставлял
STYLE="display: block; position: absolute; right: 0px; left: 0px; z-index: -1;"
для строчки:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="778" height="520" id="flash" align="middle">
STYLE="display: block; position: absolute (и relative тоже); z-index: 1;"
ради интереса выставлялся в css лайтбокса z-index: 100, 150, 1000, 10000, 100000
идин черт в ФФ флеш впереди лайтбокса бежит)
Друзья, подскажите, как укротить сею заразу?)
есть swf-файл к нему привинчен lightbox
при запуске с сервера lightbox активируется ЗА областью флеш-ролика
(что понятно, т.к. у флефа z-индекс по дефолту жутко большой)
а нужно наоборот - чтобы lightbox поверх флеш-ролика.
вот код:
// это внутри тега head////////
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>
///////////// это внутри тега body
<body leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" bgcolor="#FFCD64">
///вставляем swf-ролик////////////////
<center><table cellpadding="0" cellspacing="0" height="100%" border="0">
<tr>
<td height="100%" valign="top" style="padding-top: 20px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="778" height="520" id="flash" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowscriptaccess" value="samedomain">
<param name="wmode" value="transparent">
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="flash.swf" quality="high" bgcolor="#ffffff" width="778" height="520" name="flash" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
</tr>
</table>
</center>
</body>
/////////////////////////
про то, что нужно в embed src="flash.swf" довесить wmode="transparent" читал.
но если это сделать - кнопки сайта (на флеш-ролике) становятся не активными.
как избежать пассивности кнопок и заставить таки lightbox быть впереди флеша-ролика?
Добавлено через 51 минуту
забавно, но IE 6.0 все отображает корректно.
а в ФФ 3.0.14 - ни фига.
выставлял
STYLE="display: block; position: absolute; right: 0px; left: 0px; z-index: -1;"
для строчки:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="778" height="520" id="flash" align="middle">
STYLE="display: block; position: absolute (и relative тоже); z-index: 1;"
ради интереса выставлялся в css лайтбокса z-index: 100, 150, 1000, 10000, 100000
идин черт в ФФ флеш впереди лайтбокса бежит)
Друзья, подскажите, как укротить сею заразу?)