17/06/2010, 10:15
|
| | | Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 13 años, 11 meses Puntos: 2 | |
| Respuesta: Lightbox no funciona en IE
me recomendaron utilizar la ultima versión del swfobject para que aparezca el lightbox en el EXPLORER, pero cuando uso el swfobject 2.0 en vez del anterior la pagina deja de verse y aparece un mensaje de "necesitas adobe flash player para ver este sitio",
tengo que cambiar algo mas en el codigo deel html para usar una nueva version del SWFOBJECT???
el codigo del HTML es el siguiente:
<script type="text/javascript" src="script/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.settingsXML = "modules/dock/settings.xml";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowscriptaccess = "samedomain";
var attributes = {};
swfobject.embedSWF("modules/dock/dockmenu.swf", "dockmenu", "960", "550", "9.0.0", "expressInstall.swf", false, flashvars, params, attributes);
var flashvars2 = {};
flashvars.settingsXML = "modules/dock/illustrations.xml";
var params2 = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowscriptaccess = "samedomain";
var attributes2 = {};
swfobject.embedSWF("modules/illustrations/illustrations.swf", "dockmenu", "960", "550", "9.0.0", "expressInstall.swf", false, flashvars2, params2, attributes2);
</script>
<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,builder" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>
<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
<style type="text/css">
html{
height:100%;
}
body{
width:100%;
height:100%;
overflow:hidden;
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
}
#flash{
margin:0;
padding:0;
width:100%;
height:100%;
position: absolute;
left: 0px;
float: left;
}
a:link {
color: #999999;
}
a:visited {
color: #cccccc;
}
a:hover {
color: #666666;
}
#content {
height:100%;
}
</style>
</head>
<body>
<a id="illus1" title="First image" rel="lightbox[img]" href="modules/illustrations/images/big/01.jpg"></a>
<a id="illus2" title="Second image" rel="lightbox[img]" href="modules/illustrations/images/big/02.jpg"></a>
<a id="illus3" title="Third image" rel="lightbox[img]" href="modules/illustrations/images/big/03.jpg"></a>
<a id="illus4" title="Fourth image" rel="lightbox[img]" href="modules/illustrations/images/big/04.jpg"></a>
<a id="illus5" title="Fifth image" rel="lightbox[img]" href="modules/illustrations/images/big/05.jpg"></a>
<a id="illus6" title="Sixth image" rel="lightbox[img]" href="modules/illustrations/images/big/06.jpg"></a>
<a id="illus7" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/07.jpg"></a>
<a id="illus8" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/08.jpg"></a>
<a id="illus9" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/09.jpg"></a>
<a id="illus10" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/10.jpg"></a>
<a id="illus11" title="First image" rel="lightbox[img]" href="modules/illustrations/images/big/01.jpg"></a>
<a id="illus12" title="Second image" rel="lightbox[img]" href="modules/illustrations/images/big/02.jpg"></a>
<a id="illus13" title="Third image" rel="lightbox[img]" href="modules/illustrations/images/big/03.jpg"></a>
<a id="illus14" title="Fourth image" rel="lightbox[img]" href="modules/illustrations/images/big/04.jpg"></a>
<a id="illus15" title="Fifth image" rel="lightbox[img]" href="modules/illustrations/images/big/05.jpg"></a>
<a id="illus16" title="Sixth image" rel="lightbox[img]" href="modules/illustrations/images/big/06.jpg"></a>
<a id="illus17" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/07.jpg"></a>
<a id="illus18" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/08.jpg"></a>
<a id="illus19" title="Seventh image" rel="lightbox[img]" href="modules/illustrations/images/big/09.jpg"></a>
<a id="illus20" title="Eight image" rel="lightbox[img]" href="modules/illustrations/images/big/10.jpg"></a>
<a id="img1" title="First image" rel="lightbox[img]" href="modules/dock/images/big/01.jpg"></a>
<a id="img2" title="Second image" rel="lightbox[img]" href="modules/dock/images/big/02.jpg"></a>
<a id="img3" title="Third image" rel="lightbox[img]" href="modules/dock/images/big/03.jpg"></a>
<a id="img4" title="Fourth image" rel="lightbox[img]" href="modules/dock/images/big/04.jpg"></a>
<a id="img5" title="Fifth image" rel="lightbox[img]" href="modules/dock/images/big/05.jpg"></a>
<a id="img6" title="Sixth image" rel="lightbox[img]" href="modules/dock/images/big/06.jpg"></a>
<a id="img7" title="Seventh image" rel="lightbox[img]" href="modules/dock/images/big/07.jpg"></a>
<a id="img8" title="Eight image" rel="lightbox[img]" href="modules/dock/images/big/08.jpg"></a>
<a id="img17" title="nine image" rel="lightbox[img]" href="modules/dock/images/big/09.jpg"></a>
<a id="img9" title="First image" rel="lightbox[img]" href="modules/dock/images/big/01.jpg"></a>
<a id="img10" title="Second image" rel="lightbox[img]" href="modules/dock/images/big/02.jpg"></a>
<a id="img11" title="Third image" rel="lightbox[img]" href="modules/dock/images/big/03.jpg"></a>
<a id="img12" title="Fourth image" rel="lightbox[img]" href="modules/dock/images/big/04.jpg"></a>
<a id="img13" title="Fifth image" rel="lightbox[img]" href="modules/dock/images/big/05.jpg"></a>
<a id="img14" title="Sixth image" rel="lightbox[img]" href="modules/dock/images/big/06.jpg"></a>
<a id="img15" title="Seventh image" rel="lightbox[img]" href="modules/dock/images/big/07.jpg"></a>
<a id="img16" title="Eight image" rel="lightbox[img]" href="modules/dock/images/big/08.jpg"></a>
<a id="img17" title="nine image" rel="lightbox[img]" href="modules/dock/images/big/09.jpg"></a>
<div align="left" class="flash" id="flash">
<br />
This content requires Adobe Flash Player 8</p>
<p align="center"><a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&pr omoid=BIOW" target="_blank">Download Adobe Flash</a></p>
</div>
<script type="text/javascript" language="javascript">
var so = new SWFObject("main.swf", "mymovie", "100%", "100%", "8", "#ffffff", "expressInstall.swf");
so.addParam("menu", "false");
so.addParam("scale", "noscale");
so.addParam("allowFullScreen", "true");
so.write("flash");
</script>
</body> |