Comportamiento de mi slider

cagoncete · #1 (**permalink**) 24/06/2010, 01:11

Buenas.

Me gustaría saber cómo puedo indicar a mi slider que al cargar la página donde se encuentra no debe estar desplegado. Actualmente al cargar la página aparece totalmente abierto y he de dar al botón que inserte para recogerlo. El código de mi slider es:

Código:

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Slider</title>
		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

				$("#accordion").accordion({ header: "h3" });
	
				$('#tabs').tabs();
				
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				

				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});


				$('#datepicker').datepicker({
					inline: true
				});
				

				$('#slider').slider({
					range: true,
					values: [17, 67]
				});
				

				$("#progressbar").progressbar({
					value: 20 
				});
				

				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>
		<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		.Estilo1 {
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
        .Estilo2 {font-family: Geneva, Arial, Helvetica, sans-serif}
.Estilo6 {font-size: 10px}
        </style>	
	</head>
	<body>
	<div id="accordion">
			<div>
				<h3 align="left"><span class="Estilo2"><a href="#" class="Estilo1">&Uacute;ltima entrada del Blog:</a></span></h3>
				<div class="Estilo2">
				  <div align="left">
<?php
 define('WP_USE_THEMES', false);
require('wordpress/wp-blog-header.php');?>
<?php query_posts('showposts=1'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php the_title('<h4>','</h4>'); ?>
<?php the_date('','<h5>','</h5>'); ?>
<?php the_excerpt(); ?>
<?php wp_link_pages(); ?>
<div align="right"><a class="Estilo60"><p><?php comments_popup_link(__('<h5>Leer m&aacute;s</h5>'), __('<h5>Leer m&aacute;s</h5>'), __('<h5>Leer m&aacute;s</h5>')); ?></a></p></div>
<?php endwhile; ?> 
<div align="center"><h3>Cerrar ventana<h3></div>
				</div>
			</div>
	</div>
		</div>
	</body>
</html>