Народ! Нарисовал фотогалерею для вот этого сайта http://chkalov3.narod.ru/photoalbum.html Фотогалерея сделана с использваонием плагина Highslide 4/1/13 А видео вставлено через тег [object] Проблемы: 1. Почему-то в IE9 при загрузке изображения через Highslide фон сайта становится сплошным серым, хотя должен быть прозрачным (как в гуглхроме) 2. При загрузке изображений через Higslide они становятся на заднем фоне видео-изображений вставленных через тег object... (см скрины). Некрасиво. Хотелось бы сделать так , чтобы видео из objecta тоже были бы на заднем фоне Higslidoвских картинок. Кто сталкивался с данной проблемой - подскажите пожалуйста как решить? код страницы такой: <html> <head> <title>???????</title> <LINK href="style.css" type=text/css rel=stylesheet> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Highslide JS</title> <!-- 1 ) Reference to the files containing the JavaScript and CSS. These files must be located on your server. --> <script type="text/javascript" src="highslide/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="highslide/highslide.css" /> <!-- 2) Optionally override the settings defined at the top of the highslide.js file. The parameter hs.graphicsDir is important! --> <script type="text/javascript"> hs.graphicsDir = 'highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.3; // define the restraining box hs.useBox = true; hs.width = 640; hs.height = 480; // Add the controlbar hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: true, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: 1, position: 'top right', hideOnMouseOut: true } }); </script> <!-- 3) Modify some of the styles --> <style type="text/css"> .highslide-image { border: 1px solid black; } .highslide-controls { width: 90px !important; } .highslide-controls .highslide-close { display: none; } .highslide-caption { padding: .5em 0; } </style> </head> <body> <table width="100%" border="0" bordercolor="#004080" cellpadding="0" cellspacing="0"> <tr> <td width=10% rowspan="6"> </td> <td background="img/fon_up.gif" height="75" valign="middle" align="center"> <img src="img/fon_up_kartinka.gif" height="75" border=0 align="left"> <br> <font color="666666" size="5"> <a href=http://www.schelcovo.ru/index.php target="_blank"><font color="666666" size="4"><b>?????????????-??????????????? ?????? ?.???????</b></font> </td> <td width=10% rowspan="6"> </td> </tr> <tr align="center"> <td> <HR color="666666" size="2" noshade> <table class="odd"> <tr> <th class="odd"><a href=index.html>???????</a></th> <th class="odd"><a href=simple.html>? ???????</a></th> <th class="odd"><a href=photoalbum.html>??????????? ????????</a></th> <th class="odd"><a href=map.html>???????????? ?? ?????</a></th> <th class="odd"><a href=contakt.html>???????</a></th> </tr> </table> <HR color="666666" size="2" noshade> </td> </tr> <tr align="center"> <td> <font size="5" face="Monotype Corsiva">????? ???????????? ?????????? ? ????? ? ????????.</font> <br><br> <p>??? ?????????-????????? ???????? ? ??????? 2011?. <br>?????? ????-17 ??????. <br>???????? ?? 2 ?????. <br>???-?? ??????- 2. "??????????". ?????? ????????- 2.8?. <br>?????? ???????-63.10??.?. <br>????? ??????? ?????? ????????? ?? ????????- 60,20??.? </p> <br><br><br> <div class="highslide-gallery"> <a class='highslide' href='fotomig/fasad.jpg' onclick="return hs.expand(this)" title="????? ????"> <img src='fotomig/fasad_small.jpg' alt='????? ????'/></a> <div class="highslide-caption"> ????? ????. </div> <a class='highslide' href='fotomig/plan.jpg' onclick="return hs.expand(this)" title="?????????? ????????"> <img src='fotomig/plan_small.jpg' alt='?????????? ????????'/></a> <div class="highslide-caption"> ?????????? ???????? </div> <a class='highslide' href='fotomig/kitchen.jpg' onclick="return hs.expand(this)" title="????? - 11,1 ??.?"> <img src='fotomig/kitchen_small.jpg' alt='????? - 11,1 ??.?'/></a> <div class="highslide-caption"> ????? - 11,1 ??.? </div> <a class='highslide' href='fotomig/kitchen2.jpg' onclick="return hs.expand(this)" title="????? - 11,1 ??.?"> <img src='fotomig/kitchen2_small.jpg' alt='????? - 11,1 ??.?'/></a> <div class="highslide-caption"> ????? - 11,1 ??.? </div> <a class='highslide' href='fotomig/hall.jpg' onclick="return hs.expand(this)" title="??????? - 11,3??.?"> <img src='fotomig/hall_small.jpg' alt='??????? - 11,3??.?'/></a> <div class="highslide-caption"> ??????? - 11,3??.? </div> <a class='highslide' href='fotomig/hall2.jpg' onclick="return hs.expand(this)" title="??????? - 11,3??.?"> <img src='fotomig/hall2_small.jpg' alt='??????? - 11,3??.?'/></a> <div class="highslide-caption"> ??????? - 11,3??.? </div> <a class='highslide' href='fotomig/bedroom.jpg' onclick="return hs.expand(this)" title="??????? - 13,0 ??.?"> <img src='fotomig/bedroom_small.jpg' alt='??????? - 13,0 ??.? '/></a> <div class="highslide-caption"> ??????? - 13,0 ??.? </div> <a class='highslide' href='fotomig/bedroom2.jpg' onclick="return hs.expand(this)" title="??????? - 13,0 ??.?"> <img src='fotomig/bedroom2_small.jpg' alt='??????? - 13,0 ??.? '/></a> <div class="highslide-caption"> ??????? - 13,0 ??.? </div> <br> <a class='highslide' href='fotomig/room.jpg' onclick="return hs.expand(this)" title="??? - 19,4 ??.?"> <img src='fotomig/room_small.jpg' alt='??? - 19,4 ??.?'/></a> <div class="highslide-caption"> ??? - 19,4 ??.? </div> <a class='highslide' href='fotomig/room2.jpg' onclick="return hs.expand(this)" title="??? - 19,4 ??.?"> <img src='fotomig/room2_small.jpg' alt='??? - 19,4 ??.?'/></a> <div class="highslide-caption"> ??? - 19,4 ??.? </div> <a class='highslide' href='fotomig/bathroom.jpg' onclick="return hs.expand(this)" title="?????? ???????- 3,9 ??.?"> <img src='fotomig/bathroom_small.jpg' alt='?????? ???????- 3,9 ??.?'/></a> <div class="highslide-caption"> ?????? ???????- 3,9 ??.? </div> <a class='highslide' href='fotomig/bathroom2.jpg' onclick="return hs.expand(this)" title="?????? ???????- 3,9 ??.?"> <img src='fotomig/bathroom2_small.jpg' alt='?????? ???????- 3,9 ??.?'/></a> <div class="highslide-caption"> ?????? ???????- 3,9 ??.? </div> <a class='highslide' href='fotomig/wc.jpg' onclick="return hs.expand(this)" title="?????? - 1,5??.?"> <img src='fotomig/wc_small.jpg' alt='?????? - 1,5??.?'/></a> <div class="highslide-caption"> ?????? - 1,5??.? </div> <a class='highslide' href='fotomig/terrace.jpg' onclick="return hs.expand(this)" title="?????? ?1 -1.2??.?"> <img src='fotomig/terrace_small.jpg' alt='?????? ?1 -1.2??.?'/></a> <div class="highslide-caption"> ?????? ?1 -1.2??.? </div> <a class='highslide' href='fotomig/terrace2.jpg' onclick="return hs.expand(this)" title="?????? ?2 -1.7??.?"> <img src='fotomig/terrace2_small.jpg' alt='?????? ?2 -1.7??.?'/></a> <div class="highslide-caption"> ?????? ?2 -1.7??.? </div> <a class='highslide' href='fotomig/door2.jpg' onclick="return hs.expand(this)" title="????"> <img src='fotomig/door2_small.jpg' alt='????'/></a> <div class="highslide-caption"> ???? </div> <br><br><br> <br><br><br> <table class="odd"> <tr> <td valign="top" width="25%"> <br><br><br> <object id="videoplayer502" type="application/x-shockwave-flash" data="http://chkalov3.narod.ru/uppod_player/uppod.swf" width="320" height="240"> <param name="bgcolor" value="#ffffff" > <param name="allowFullScreen" value="true" > <param name="allowScriptAccess" value="always" > <param name="movie" value="http://chkalov3.narod.ru/uppod_player/uppod.swf" > <param name="flashvars" value="comment=video&m=video&file=http://chkalov3.narod.ru/video/1.flv" > <param name="scale" value="exactfit"> </object> <font size="3" face="Monotype Corsiva">?????:??????? ? ??????</font> <br><br><br><br><br><br><br><br><br><br><br><br> </td> <td valign="top" width="25%"> <br><br><br> <object id="videoplayer502" type="application/x-shockwave-flash" data="http://chkalov3.narod.ru/uppod_player/uppod.swf" width="320" height="240"> <param name="bgcolor" value="#ffffff" > <param name="allowFullScreen" value="true" > <param name="allowScriptAccess" value="always" > <param name="movie" value="http://chkalov3.narod.ru/uppod_player/uppod.swf" > <param name="flashvars" value="comment=video&m=video&file=http://chkalov3.narod.ru/video/2.flv" > </object> <font size="3" face="Monotype Corsiva">?????:?????? ??????? ? ?????</font> <br><br><br><br><br><br><br><br><br><br><br><br> </td> <td valign="top" width="25%"> <br><br><br> <object id="videoplayer502" type="application/x-shockwave-flash" data="http://chkalov3.narod.ru/uppod_player/uppod.swf" width="320" height="240"> <param name="bgcolor" value="#ffffff" > <param name="allowFullScreen" value="true" > <param name="allowScriptAccess" value="always" > <param name="movie" value="http://chkalov3.narod.ru/uppod_player/uppod.swf" > <param name="flashvars" value="comment=video&m=video&file=http://chkalov3.narod.ru/video/3.flv" > </object> <font size="3" face="Monotype Corsiva">?????:???????1,??????? ? ???????2</font> <br><br><br><br><br><br><br><br><br><br><br><br> </td> <td valign="top" width="25%"> <br><br><br> <object id="videoplayer502" type="application/x-shockwave-flash" data="http://chkalov3.narod.ru/uppod_player/uppod.swf" width="320" height="240"> <param name="bgcolor" value="#ffffff" > <param name="allowFullScreen" value="true" > <param name="allowScriptAccess" value="always" > <param name="movie" value="http://chkalov3.narod.ru/uppod_player/uppod.swf" > <param name="flashvars" value="comment=video&m=video&file=http://chkalov3.narod.ru/video/4.flv" > </object> <font size="3" face="Monotype Corsiva">?????:??? ? ???????</font> <br><br><br><br><br><br><br><br><br><br><br><br> </td> </tr> </table> </td> </tr> <tr> <td> <HR color="666666" size="2" noshade> <table class="odd"> <tr> <th class="odd"><a href=index.html>???????</a></th> <th class="odd"><a href=simple.html>? ???????</a></th> <th class="odd"><a href=photoalbum.html>??????????? ????????</a></th> <th class="odd"><a href=map.html>???????????? ?? ?????</a></th> <th class="odd"><a href=contakt.html>???????</a></th> </tr> </table> <HR color="666666" size="2" noshade> </td> </tr> <tr> <td background="img/fon_up.gif" height="75" valign="middle" align="center"> <img src="img/fon_up_kartinka.gif" height="75" border=0 align="left"> <br><a href=http://www.shchyolkovo.ru/ target="_blank"><font color="666666" size="4"><b>???? ????????????? ?.???????</b></font> </td> </tr> </table> </body> </html>
