PHP|Débutant :: Forums

Bonjour ,

je suis entrain de développer une page pour qui affiche les images des quelques sons soundcloud.
Dans ma partie backend , il ya un formulaire qui prend un lien iframe et par une fonction php j'en retire l'ID du son et je l'insere dans ma base de donées comme ceci :

if (isset($_POST['valider']))
{
$chaine = $_POST['lien'];
$extraire = substr($chaine, 144 , 9);

$prep = $connect->prepare('insert into musique (lien,titre) values (:lien,:titre)');
$prep->bindParam(':lien',$lien);
$prep->bindParam(':titre',$titre);
$lien = $extraire;
$titre = $_POST['titre'];
$lance = $prep->execute() or die ('erreur de req');
}

ensuite dans page d'acceuil je recupere les images des sons avec l'api soundcloud et et du javascript
à qui le php transmet l'id du son voici mon code :

$connect = new PDO('mysql:host=localhost;dbname=BD;charset=utf8', 'root', '');
$modif='SELECT * FROM musique';
$tag = $connect->query($requete);
<?php
while($test = $req->fetch()){ ?>

<div class="actu" id="<?php echo $test['lien'];?>">
<img class="actuimg" src="" id="<?php echo $test['lien'];?>"> <br/>
<span id="titre_video"><?php echo $test['titre']; ?></span>

</div>
<?php } ?>

en bas voici mon code JS :
<script>

$(document).ready(function() {

SC.initialize({
/* This is the sample client_id. you should replace this with your own*/
client_id: "887b335a80f3e625454ebca548c53d96"
});
$('div.actu').each(function () {
var IDtrack = $(this).attr('id');
var chaine = "/tracks/";
/* initialize soundcloud API with key */
var PATH = chaine + IDtrack;
/* Use soundcloud API to get info of a specific track */
SC.get(PATH, function (tracks, err) {
$("img.actuimg").attr("src", tracks.artwork_url);
});
});
});

</script>

tout marche à merveille mon souci est que au lieu d'afficher les images correspondants à chaque son , ça affiche le dernière image pour tous les sons.
Pouvez vous m'aider svp à résoudre ce problème?

Merci d'avance.