Ciao, sto cercando di inserire uno slideshow fatto in Flash nella home-page del mio sito.
Per farlo ho creato un div (con posizionamento assoluto rispetto ad un altro div contenitore), ma quando carico sul browser (sia IE, sia Safari), la pagina risulta completamente bianca.
Se sostituisco il file .swf con un'immagine .jpg, la visualizzazione e' corretta.
Potete aiutarmi?
Grazie mille.
Ecco il codice html e il css.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hyperoom - Multimedia Manager - Benvenuti nella Home Page</title>
<link href="../css/hyperoom.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body bgcolor="#000000" onLoad="MM_preloadImages('../img/hyp_menu_button_web_02.jpg','../img/hyp_menu_button_audio_02.jpg','../img/hyp_menu_button_video_02.jpg','../img/hyp_menu_button_foto_02.jpg','../img/hyp_menu_button_grafica_02.jpg')">
<div id="container_ext">
<div id="int_container_center">
<div id="box_elementi"><img src="../img/hyp_home_logo.jpg" alt="logo - vai a ----> HOME" width="1400" height="389" align="left"></div>
<div id="box_elementi"><img src="../img/hyp_menu_banda_sx.jpg" width="230" height="41" align="left"><img src="../img/hyp_menu_button_home_01.jpg" alt="home" width="97" height="41" align="left"><a href="hyperoom_webdesign.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('web','','../img/hyp_menu_button_web_02.jpg',1)"><img src="../img/hyp_menu_button_web_01.jpg" name="web" width="103" height="41" border="0" align="left"></a><a href="hyperoom_audio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('audio','','../img/hyp_menu_button_audio_02.jpg',1)"><img src="../img/hyp_menu_button_audio_01.jpg" name="audio" width="100" height="41" border="0" align="left"></a><a href="hyperoom_video.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('video','','../img/hyp_menu_button_video_02.jpg',1)"><img src="../img/hyp_menu_button_video_01.jpg" name="video" width="101" height="41" border="0" align="left"></a><a href="hyperoom_foto.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('foto','','../img/hyp_menu_button_foto_02.jpg',1)"><img src="../img/hyp_menu_button_foto_01.jpg" name="foto" width="103" height="41" border="0" align="left"></a><a href="hyperoom_grafica.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../img/hyp_menu_button_grafica_02.jpg',1)"><img src="../img/hyp_menu_button_grafica_01.jpg" name="Image9" width="116" height="41" border="0" align="left"></a><a href="../eng/home_eng.html"><img src="../img/hyp_content_banda_top_02_link_eng.jpg" alt="go the ENGLISH version" width="322" height="41" border="0" align="left"></a></div>
<div id="box_elementi"><img src="../img/hyp_content_banda_top.jpg" width="1400" height="100" align="left"></div>
<div id="box_elementi"><img src="../img/hyp_content_banda_sx.jpg" width="230" height="300" align="left"><img src="../img/hyp_content_home_box_01.jpg" width="360" height="300" align="left"><img src="../img/hyp_content_home_box_02.jpg" width="582" height="300" align="left">
<div class="slideshow_box"></div>
</div>
<div id="box_elementi"><img src="../img/hyp_content_banda_bottom.jpg" width="1400" height="40" align="left"></div>
<div id="box_elementi"><img src="../img/hyp_subcontent_banda_sx.jpg" width="230" height="40" align="left"><a href="hyperoom_chisono_cv.html"><img src="../img/hyp_subcontent_chisono.jpg" alt="chi sono" width="320" height="40" border="0" align="left"></a><a href="hyperoom_servizi.html"><img src="../img/hyp_subcontent_servizi.jpg" alt="servizi" width="320" height="40" border="0" align="left"></a><a href="hyperoom_lavori.html"><img src="../img/hyp_subcontent_lavori.jpg" alt="lavori" width="302" height="40" border="0" align="left"></a></div>
<div id="box_elementi"><img src="../img/hyp_subcontent_blackbox_01.jpg" width="230" height="270" align="left"><img src="../img/hyp_subcontent_blackbox_02.jpg" width="320" height="270" align="left"><img src="../img/hyp_subcontent_blackbox_03.jpg" width="302" height="270" align="left"><img src="../img/hyp_subcontent_blackbox_04.jpg" width="228" height="270"></div>
<div id="box_elementi"><img src="../img/hyp_submenu_banda_sx.jpg" width="230" height="56" align="left"><a href="hyperoom_chisono_cv.html"><img src="../img/hyp_submenu_miocv.jpg" alt="il mio cv" width="320" height="56" border="0" align="left"></a><a href="hyperoom_areecompetenza.html"><img src="../img/hyp_submenu_aree.jpg" alt="aree di competenza" width="320" height="56" border="0" align="left"></a><a href="hyperoom_contatti.html"><img src="../img/hyp_submenu_contattami.jpg" alt="contatti" width="302" height="56" border="0" align="left"></a><img src="../img/hyp_submenu_banda_rx.jpg" width="228" height="56" align="left"></div>
<div id="box_elementi">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="hyperoom_webdesign.html">Web</a></li>
<li><a href="hyperoom_chisono_cv.html">CV</a></li>
<li><a href="hyperoom_audio.html">Audio</a></li>
<li><a href="hyperoom_video.html">Video</a></li>
<li><a href="hyperoom_foto.html">Foto</a></li>
<li><a href="hyperoom_grafica.html">Grafica</a></li>
<li><a href="hyperoom_servizi.html">Servizi</a></li>
<li><a href="hyperoom_links.html">Links</a></li>
<li><a href="hyperoom_contatti.html">Contatti</a></li>
</ul>
</div>
</div>
<div><img src="../img/hyp_footer_02.jpg" width="1400" height="46" align="left"></div>
</div>
</div>
</body>
</html>
File CSS
#container_ext {
background-color: #000;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: relative;
}
#int_container_center {
background-color: #000;
margin: 0px;
padding: 0px;
width: 1400px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: absolute;
left: 5em;
}
#box_elementi {
background-color: #000;
margin: 0px;
padding: 0px;
width: 1402px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
}
/*#footer {
margin:0;
padding:0;
text-align:center;
}
#footer li {
display:inline;
list-style:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffff00;
}*/
div#navcontainer
{
background-color: #000;
background-image: none;
margin-top: 20px;
margin-bottom: 10px;
}
div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}
div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #ffff00;
text-decoration: none;
border-right: 1px solid #fff;
}
div#navcontainer ul li a:hover
{
background-color: #16008D;
color: white;
}
#active a { border-left: 1px solid #fff; }
/*#box_slideshow img {
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
}*/
.slideshow_box {
margin: 0px;
padding: 0px;
height: auto;
width: 504px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
left: 608px;
top: 538px;
position: absolute;
}