Pessoal peguei esse codigo na net, funciona certinho, mas queria usar MYSQL para carregar os dados, alguém tem ideia como posso fazer isso, tentei de varias maneiras mas não consegui. <ul id="slideshow">
<li>
<h3>Foto</h3>
<span>photos/orange-fish.jpg</span>
<p>Criando galeria de fotos .</p>
<a href="#"><img src="photos/orange-fish.jpg" alt="Orange Fish" width="120" height="75" border="0" /></a>
</li>
<li>
<h3>Vai vai vai</h3>
<span>photos/red-coral.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/red-coral-thumb.jpg" alt="Sea Turtle" /></li>
<li>
<h3>Vai vai vai</h3>
<span>photos/sea-turtle.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Vai vai vai</h3>
<span>photos/sea-turtle.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Vai vai vai</h3>
<span>photos/sea-turtle.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Vai vai vai</h3>
<span>photos/sea-turtle.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Vai vai vai</h3>
<span>photos/blue-fish.jpg</span>
<p>mais um teste de imagem do jQuery.</p>
<img src="thumbnails/blue-fish-thumb.jpg" alt="Sea Turtle" />
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
