Ir para conteúdo

POWERED BY:

Arquivado

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

Londim

[Resolvido] Script funciona certinho no ie8 mas nao roda no ie 7

Recommended Posts

Seguinte no windows 8 o banner fica no lugar certo a esquerda. Ja nos anteriores fica centralizado.

 

ja publiquei o site e nao vi o erro me ajudem...

 

Arquivo php ja com css

 

<script type="text/javascript" src="efeitos/bannermini/jquery-1.2.6.min.js"></script>

<script type="text/javascript">

/*** 
   Simple jQuery Slideshow Script
   Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
   var $active = $('#slideshow DIV.active');

   if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

   // use this to pull the divs in the order they appear in the markup
   var $next =  $active.next().length ? $active.next()
       : $('#slideshow DIV:first');

   // uncomment below to pull the divs randomly
   // var $sibs  = $active.siblings();
   // var rndNum = Math.floor(Math.random() * $sibs.length );
   // var $next  = $( $sibs[ rndNum ] );


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

/*** set the width and height to match your images **/

#slideshow {
position:relative;
height: 123px;
text-align: center;
margin-left: 25px;
width: 550px;
}

#slideshow DIV {
position:absolute;
opacity:0.0;
}

#slideshow DIV.active {
   z-index:10;
   opacity:1.0;
}

#slideshow DIV.last-active {
   z-index:9;
}

#slideshow DIV IMG {
display: block;
border: 0;
}

</style>

<!-- this will work with any number of images -->
<!-- set the active class on whichever image you want to show up as the default 
(otherwise this will be the last image) -->

<div id="slideshow">
   <div class="active">
       <img src="imagens/laminas/menor1.jpg" />
   </div>

   <div>
       <img src="imagens/laminas/menor2.jpg" />
   </div>

   <div>
      <img src="imagens/laminas/menor3.jpg"/>
   </div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

retire esse align-center do #slideshow

Compartilhar este post


Link para o post
Compartilhar em outros sites

Assim funcionou

<script type="text/javascript" src="efeitos/bannermini/jquery-1.2.6.min.js"></script>

<script type="text/javascript">

/*** 
   Simple jQuery Slideshow Script
   Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
   var $active = $('#slideshow DIV.active');

   if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

   // use this to pull the divs in the order they appear in the markup
   var $next =  $active.next().length ? $active.next()
       : $('#slideshow DIV:first');

   // uncomment below to pull the divs randomly
   // var $sibs  = $active.siblings();
   // var rndNum = Math.floor(Math.random() * $sibs.length );
   // var $next  = $( $sibs[ rndNum ] );


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

/*** set the width and height to match your images **/

#slideshow {
height: 122px;
text-align: center;
margin-left: 25px;
width: 550px;
position: relative;
}

#slideshow DIV {
opacity:0.0;
position: absolute;
bottom: 1px;
left: 1px;
}

#slideshow DIV.active {
   z-index:10;
   opacity:1.0;
}

#slideshow DIV.last-active {
   z-index:9;
}

#slideshow DIV IMG {
display: block;
border: 0;
}

</style>





<!-- this will work with any number of images -->
<!-- set the active class on whichever image you want to show up as the default 
(otherwise this will be the last image) -->



<div id="slideshow">
<div class="active" align="left">
       <img src="imagens/laminas/menor1.jpg" />
   </div>

   <div>
       <img src="imagens/laminas/menor2.jpg" />
   </div>

   <div>
      <img src="imagens/laminas/menor3.jpg"/>
   </div>


</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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