CCUSQF
Como criar um Slideshow que funciona
by Mairink Oemes
HTML
<!-- Ínicio do código Mult-focos --> <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/content-slider-01.js" type="text/javascript"></script>
<style type="text/css">
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:arial,helvetica,trebuchet ms,verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}</style>
<br />
<ul class="slideshow">
<li><a href="http://www.mult-focos.com/2013/08/presente-ao-oceano.html" target="_blank"><img alt="Alvorada chegando
suprema e macia
chamou o vento,..." src="http://2.bp.blogspot.com/-cgs1qX36jpo/Uhk39ZUalJI/AAAAAAAAAZk/swIWsQm31ac/s1600/boat-102962_150.jpg" title="Presente ao oceano" /></a></li>
<li><a href="http://www.mult-focos.com/2013/08/menina-morena.html" target="_blank"><img alt="ela é a flor
ela é o amor
ela é a flor
que desabrochou... " src="http://2.bp.blogspot.com/-z2FqO8AIRes/UhyBs9AqIGI/AAAAAAAAAb0/QLp-6LW5kB0/s1600/63906,1311350916,1.jpg" imgmax="800" title="menina morena" /></a></li>
<li><a href="http://www.mult-focos.com/2013/06/verdadeiramente-linda.html" target="_blank"><img alt="o dia mais belo? hoje
a coisa mais fácil? errar
o maior obstáculo? o medo
o maior erro? o abandono..." src="http://3.bp.blogspot.com/-fF7VR0PFsD8/UcMrlHZAuuI/AAAAAAAAGeA/RHMC4Y1ZKK0/s1600/Verdadeiramente+linda.jpg" imgmax="800" title="verdadeiramente linda" /></a></li>
<li><a...