Hola de nuevo,
Lo he hecho de esa forma pero entonces no me aparecen las imagenes, debe de ser porque hay una segunda parte en el html que está asociada pero claro como lo haces para sacarlo?, pongo todo el código referente al slide, parece complicado:
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php
global $templateurl ;
$templateurl = $this -> baseurl . '/templates/mi template' ;
$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('img').src = '<?php echo $templateurl; ?>/images/header/4.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=""/><img src="<?php echo $templateurl; ?>/images/header/2.jpg" alt=""/><img src="<?php echo $templateurl; ?>/images/header/3.jpg" alt=""/><img src="<?php echo $templateurl; ?>/images/header/4.jpg" alt=""/>'
+ '</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" alt="" />
</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="" />
<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="" />
<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="" />
<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="" />
</div>
La primera y la última parte esta asociada al header de las imagenes y lo del medio son posiciones de modulos, debería de llevar las dos partes a otro archivo pero la verdad nosé como podría hacerlo, he probado varias fórmulas pero nada.
Autor
En línea
