Blog Amanda

slider

<style type="text/css"> 

#slider { 

width: 270px; /* Largura das as imagens */ 

height: 150px; /* Altura das as imagens */ 

position: relative; 

overflow: hidden; 

} 

#sliderContent { 

width: 270px; /* Largura das as imagens */ 

position: absolute; 

top: 0px; 

margin: 0px; 

padding: 0px; 

} 

.sliderImage img{ 

width: 270px; /* Largura das as imagens */ 

height: 150px; /* Altura das as imagens */ 

} 

.sliderImage { 

float: left; 

position: relative; 

display: none; 

} 

.sliderImage span { 

position: absolute; 

font: 10px/15px Verdana, sans-serif; 

padding: 10px 13px; 

width: 100%; 

filter: alpha(opacity=70); 

-moz-opacity: 0.7; 

-khtml-opacity: 0.7; 

opacity: 0.7; 

display: none; 

} 

.clear {clear: both;} 

.sliderImage span strong {font-size: 14px;} 

.top {top: 0px;left: 0px;} 

.bottom {bottom: 0px;left: 0px;} 

ul { list-style-type: none;} 

</style> 

<script src='http://dl.getdropbox.com/u/1659986/jquery.js' type='text/javascript'></script> 

<script src='http://dl.getdropbox.com/u/1659986/s3slider.js' type='text/javascript'></script> 

<script type="text/javascript"> 

$(document).ready(function() { 

$('#slider').s3Slider({ 

timeOut: 3000 /*Representa em milesimos de segundo o tempo de troca de imagem (neste caso temos 3 segundos)*/ 

}); 

}); 

</script> 

<div id="slider"> 

<ul id="sliderContent"> 

<li class="sliderImage"> 

<a href="http://inspiration-tatis.blogspot.com.br/2014/07/clube-do-livro-day35.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9riEDASROQwJkKzBV1XRbQiky_2rkDDANKVAZGFF5KROXBMd7s6wQv87MGk_ExrvwlQwSEsOJsyAWXwUn_hubE0IudDElhp9xqeP19JtCeRpeuSpKBjPNCD8OMoD7jNKsKxArPz95m28/s1600/Clube+do+Livro.jpg" border="0"/> 

<span class="top"></span></a> 

</li>

<li class="sliderImage"> 

<a href="http://inspiration-tatis.blogspot.com.br/2014/08/especial-horas-sombrias-inicio-day79.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomed4IlNIz7k4ACGTw_757aB7cAXdKMuoV31l6vqMnmNDaZjZCTb_CpHMRISHufnJUWw6XMARqRvYk9abBqMl8d9PyIOhzkkIuvFzwFkMRiO0kvFj6BGuSroZv93Wt6brwZiSixQzSFw/s1600/Slide+Inspiration+especial+horas+sombrias.jpg" border="0"/> 

<span class="top"></span></a> 

</li>

<div class="clear sliderImage"></div> 

</ul> 

</div>