[Resolvido] Alinhar DIV SlideShow

geison66 · Setembro 23, 2012

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

Mostrar conteúdo oculto

<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

Apulko · Setembro 24, 2012

geison66 · Setembro 24, 2012

Em 24/09/2012 at 12:54, Apulko disse:

<div id="slideshow" align="center">

Obrigado pela resposta.

Porém não está centralizando.

Algo mais?

Apulko · Setembro 24, 2012

<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>

Edson Carli · Setembro 26, 2012

adicione isso, veja se resolve :thumbsup:

#slideshow {
margin-left:auto;
margin-right:auto;
width:950px;
}

geison66 · Setembro 29, 2012

Em 26/09/2012 at 11:43, Edson Carli disse:
adicione isso, veja se resolve :thumbsup:
#slideshow {
margin-left:auto;
margin-right:auto;
width:950px;
}

Muito Obrigado amigo.

Deu certinho assim.

abç

Entrar

Arquivado

[Resolvido] Alinhar DIV SlideShow

Recommended Posts

geison66 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apulko 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

geison66 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apulko 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Edson Carli 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

geison66 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

problemas SEO no google (retorno)

Pergunta: gerar sitemap.xml

Pergunta: gerar sitemap.xml

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante