Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos,
Estou usando um SlideShow, e gostaria de saber como eu faço apra centralizar esse Slideshow em minha página.
Código que estou usando
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
<script type="text/javascript" src="http://www.tecnohardclan.com/patrocinador/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow DIV.active');
if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow DIV:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">
#slideshow {
position:relative;
height: 0px;
background-position: center;
clip: rect(auto,auto,auto,auto);
}#slideshow DIV {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 0px;
background-color: #FFF;
}#slideshow DIV.active {
z-index:10;
opacity:1.0;
}#slideshow DIV.last-active {
z-index:9;
}#slideshow DIV IMG {
width: 950px;
height: 120px;
display: block;
border: 0;
margin-bottom: 10px;
}
</style>
</head>
<div id="slideshow">
<div class="active">
<a href="http://www.wcsgames.com.br" target="_blank"><img src="http://www.tecnohardclan.com/patrocinador/wcs.jpg" alt="WCS-Games" /></a> </div>
<div>
<a href="http://www.cybergamestore.com.br" target="_blank"><img src="http://www.tecnohardclan.com/patrocinador/cyber.jpg" alt="CyberGame Store"
/></a>
</div>
<div>
<a href="http://atmunhost.com.br/suporte/aff.php?aff=003" target="_blank"><img src="http://www.tecnohardclan.com/patrocinador/atmun.jpg"
alt="AtmunHost" /></a>
</div>
</div></div>[]'s
Carregando comentários...