Hola!! a todos lo que quiero hacer es achicar un div que contiene una pelicula flash, pense hacerlo con un efecto de la libreria Scriptaculous. lo hago con el efecto morph y funciona bien en mozilla firefox, pero en IE y chrome no funciona. !
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript">AC_FL_RunContent = 0;
</script> <script src="AC_RunActiveContent.js" language="javascript"></script> <link rel="stylesheet" href="css/servicios.css" media="screen" type="text/css" /> <script type="text/javascript" src="scriptaculous/scriptaculous.js?load=effects"></script> <script type="text/javascript"> var ir_x;
window.onload = function(){
$('cerrar_menu').onclick = function(){
$('menu').morph('height:76px;');
$("cerrar_menu").style.display= "none";
$("cerrar_menu_abajo").style.display= "block";
}
$('cerrar_menu_abajo').onclick = function(){
$('menu').morph('height:478px;');
$("cerrar_menu").style.display= "block";
$("cerrar_menu_abajo").style.display= "none";
}
}
<div id="contenedor" align="center">
<!--URL utilizadas en la película-->
<!--Texto utilizado en la película-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript"> if (AC_FL_RunContent == 0) {
alert("Esta página requiere el archivo AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '1008',
'height', '476',
'src', 'servicios',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'servicios',
'bgcolor', '#000000',
'name', 'servicios',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'servicios',
'salign', ''
); //end AC code
}
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1008" height="476" id="servicios" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="servicios.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="servicios.swf" quality="high" bgcolor="#000000" width="1008" height="476" name="servicios" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<div style="cursor:pointer;display:block;width:100px;height:12px;"id="cerrar_menu" title="Ocultar" class="cerrar_menu_im"></div> <div style="cursor:pointer;display:none;width:100px;height:12px;"id="cerrar_menu_abajo" title="Mostrar Anim." class="cerrar_menu_abajo_im"> <a href="home.php" class="home">Home
</a> <div style="width:14px;background:url('flecha_jcweb.jpg');position:relative;float:left;height:32px;margin:5px 0;"></div> <a href="#" class="final" style="margin-left:0px;">Servicios
</a>
.
.
.
[divs]
y el CSS,
servicios.css
Código CSS:
Ver originalhtml{margin:0px;padding:0px;}
body{margin:0px;padding:0px;}
#barra_mov{
width:40px;
height:15px;
background: #87e0fd; /* Old browsers */
-moz-border-radius:10px 10px 10px 10px;
}
#barra_todo{
height:25px;
width:70%;
margin:0px 0px 25px 5px;
}
#enlaces a{
position:relative;
cursor:pointer;
float:left;
margin:5px 0 10px 5px;
font-family: trebuchet MS;
font-size:12px;
}
#cuerpo{position:relative;color:white;background:black;}
#info-empresa{
clear:both;
margin: 32px 0 0 0;
}
#s_uno{
clear:both;
}
.home{color:black;background:#0E96AE;padding:7px;-moz-border-radius:10px 0px 0px 10px;}
.final{-moz-border-radius:0px 10px 10px 0px;color:black;background:#0E96AE;padding:7px;}
.titles{
font-family: trebuchet MS;
color:#0E96AE;
float:left;
text-decoration:underline;
margin-left:18px;
}
.s_uno_parrafo{
font-family: verdana arial helvetica "sans serif";
position:relative;
top:15px;
width:800px;
left:-50px;
font-size:16px;
font-weight:bold;
clear:both;
}
saludos y gracias!!!!!