Hola de nuevo!
Aquí estoy intentando validar mi código en w3c y peleandome con las imagenes del head.
Me ha surgido ahora un problema hay una parte del código que cuando carga la web aparece en la primera imagen del slide y es esta:
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/1.jpg" alt="imagen 1"
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/2.jpg" alt="imagen 2"
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/3.jpg" alt="imagen 3"
Aparece solo al principio cuando carga por un 1 segundo y luego ya no aparece.
El tema es que no se como dejarlo oculto para que no me aparezca, aquí os pego el resto del código por si alguien tuviera alguna idea:
<head>
<jdoc:include type="head" />
<?php
global $templateurl ;
$templateurl = $this -> baseurl . '/templates/mi plantilla' ;
$js = $templateurl.'/js/';
$css = $templateurl.'/css/';
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/style.css" type="text/css" />
<script src="<?php echo $templateurl; ?>/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/jquery-slide.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/ie.js" type="text/javascript"></script>
<!-- Header_gallery -->
<script type="text/javascript">
var $j = jQuery.noConflict();
$j('img').src = '<?php echo $templateurl; ?>/images/header/1.jpg';
$j('img').src = '<?php echo $templateurl; ?>/images/header/2.jpg';
$j('img').src = '<?php echo $templateurl; ?>/images/header/3.jpg';
$j(function() {
var fx, cbox = 1;//$('input:checkbox').click(start)[0];
//cbox.checked = true;
var markup = '<div id="slideshow">'
+ '<img src="<?php echo $templateurl; ?>/images/header/1.jpg" alt="imagen 1"/><img src="<?php echo $templateurl; ?>/images/header/2.jpg" alt="imagen 2"/><img src="<?php echo $templateurl; ?>/images/header/3.jpg" alt="imagen 3"/>'
+ '</div>';
function start() {
$j('#slideshow').cycle('stop').remove();
$j('#show').append(markup);
$j('#effect').html(fx);
$j('#slideshow').cycle({
fx: fx,
timeout: 5000,
delay: -1000,
after: onAfter,
sync: 1
});
}
function onAfter(curr,next,opts) {
var msg = 'Slide ' + (opts.currSlide + 1) + ' of ' + opts.slideCount;
$j('#caption').html(msg);
};
fx = $j.trim("zoom");
start();
});
</script>
<!-- Header_gallery_end -->
<!--[if IE]>
<link href="<?php echo $templateurl; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body dir="ltr">
<div id="body">
<div class="outer">
<div id="shopcart">
<jdoc:include type="modules" name="user2" />
</div>
<div id="currency"><jdoc:include type="modules" name="user1" style="top" /></div>
<div id="logo">
<a href="<?php echo $mainframe -> getCfg ( 'live_site' ) ; ?>">
<img src="<?php echo $templateurl; ?>/images/logo.jpg" longdesc="<?php echo $mainframe->getCfg('sitename') ; ?>" />
</a>
</div>
<div id="search"><jdoc:include type="modules" name="user4" /></div>
<div id="topmenu">
<jdoc:include type="modules" name="user3" />
</div>
<div class="clear"></div>
<div id="header" class="outer">
<div class="inner">
<div id="shop_now">
<div id="show">
<div style="overflow: hidden; position: relative;" id="slideshow">
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/1.jpg" alt="imagen 1"
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/2.jpg" alt="imagen 2"
img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 1; width: 991px; height: 334px;" src="<?php echo $templateurl; ?>/images/header/3.jpg" alt="imagen 3"
</div>
</div>
</div>
Muchas gracias