Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

geison66

[Resolvido] Alinhar DIV SlideShow

Por , em Desenvolvimento frontend

Recommended Posts

geison66    0

geison66
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apulko    3

Apulko
Postado 
<div style="width: 1000px; height: 150px; position:absolute; left:50%; margin-left:-500px;background-color:#0F0;">

<!-- Slide -->
<div id="slideshow">...</div>
<!-- fim do slide -->

</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito