les tengo una consulta, en la parte del menu con botones, debajo del flash, lo que quiero es que cuando se apriete una opcion, se actualice el tipo de pelicula que se va a mostrar, empieza con proximos estrenos, y cuando le das estreno, que cambie la tira de imagenes..
les paso el link de la pagina www.rosariosrl.com//divinet/inicio/index.php
Código:
este es el encabezado
<!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"lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="../divinet.css">
<title>DiviNet</title>
<style type="text/css">
.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(img/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(img/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(img/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#000; background:url(img/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(img/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000; background: url(img/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(img/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(img/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(img/pro_five_2b.gif) no-repeat right top;}
</style>
<style type="text/css">
div#wn {
position:relative;
width:612px;
height:130px;
overflow:hidden;
background-color:#01245C;
visibility: visible;
}
.Estilo7 {color: #FFFFFF; font-size: 10px; }
</style>
<script type="text/javascript" src="../js/balloon.config.js"></script>
<script type="text/javascript" src="../js/balloon.js"></script>
<script type="text/javascript" src="../js/box.js"></script>
<script type="text/javascript" src="../js/yahoo-dom-event.js"></script>
<script type="text/javascript">
balloon = new Balloon;
balloon.images = null;
balloon.balloonImage = '../images/balloons/balloon.png';
balloon.upLeftStem = '../images/balloons/up_left.png';
balloon.downLeftStem = '../images/balloons/down_left.png';
balloon.upRightStem = '../images/balloons/up_right.png';
balloon.downRightStem = '../images/balloons/down_right.png';
balloon.closeButton = '../images/balloons/close.png';
balloon.ieImage = '../images/balloons/balloon_ie.png';
</script>
<script type="text/javascript" src="js/reflection.js"></script>
<script language="JavaScript" type="text/javascript" src="js/codigo.js"></script>
<!-- el chirimbolo-->
<script src="js/jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script src="js/jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="js/jquery.tabs.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#container-1').tabs();
$('#container-2').tabs(2);
$('#container-3').tabs({ fxSlide: true });
$('#container-4').tabs({ fxFade: true, fxSpeed: 'fast' });
$('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
$('#container-6').tabs({
fxFade: true,
fxSpeed: 'fast',
onClick: function() {
alert('onClick');
},
onHide: function() {
alert('onHide');
},
onShow: function() {
alert('onShow');
}
});
$('#container-7').tabs({ fxAutoHeight: true });
$('#container-8').tabs({ fxShow: { height: 'show', opacity: 'show' }, fxSpeed: 'normal' });
$('#container-9').tabs({ remote: true });
$('#container-10').tabs();
$('#container-11').tabs({ disabled: [3] });
$('<p><a href="#">Disable third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
$(this).parents('div').eq(1).disableTab(3);
return false;
});
$('<p><a href="#">Activate third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
$(this).parents('div').eq(1).triggerTab(3);
return false;
});
$('<p><a href="#">Enable third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
$(this).parents('div').eq(1).enableTab(3);
return false;
});
});
</script>
<link rel="stylesheet" href="jquery.tabs.css" type="text/css" media="print, projection, screen">
</head>
<script src="js/dw_event.js" type="text/javascript"></script>
<script src="js/dw_scroll.js" type="text/javascript"></script>
<script src="js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript">
function init_dw_Scroll() {
var wndo = new dw_scrollObj('wn', 'lyr1', 't1');
var wndo2 = new dw_scrollObj('wn2', 'lyr2', 't2');
wndo.setUpScrollControls('scrollLinks1');
wndo.setUpScrollControls('scrollLinks2');
wndo2.setUpScrollControls('scrollLinks3');
wndo2.setUpScrollControls('scrollLinks4');
}
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
//dw_writeStyleSheet('css/scroll.css');
dw_Event.add( window, 'load', init_dw_Scroll);
}
</script>
