Galeria slydeshow com php e mysql

[Roberto Reboucas]

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>
&lt;script type="text/javascript" src="compressed.js"></script>
&lt;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>

[vini_loock]

Faça uma busca no seu bd.

No lugar das suas imagens(li), de um echo nos seus resultados da mesma forma que estão aparecendo ali:

<?php
/*...
faz a busca
...*/

while($dado = mysql_fetch_assoc($query)){
echo '
<li>
<h3>'.$dado[titulo].'</h3>
<span>'.$dado[link].'</span>
<p>'.$dado[desc].'</p>
<img src="'.$dado[img].'" alt="Sea Turtle" />
</li>
';
}

?>

[Roberto Reboucas]

Valeu vini_loock.

Deu certo para exibir as imagens do Banco de Dados, mas agora estou tendo problemas com os efeitos da galeria. vou ver qual é, e qualquer coisa eu posto aqui.