Recupération image sons dans souncloud

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 = $('div.actu').attr('id');
            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.
Modifié par 6l20 (27 Jun 2015 - 09:13)

Bonjour,

est-ce que tu peux mettre ton code dans les balises adaptés, stp ? Ça simplifiera la lecture.

Raphi a écrit :
Bonjour,

est-ce que tu peux mettre ton code dans les balises adaptés, stp ? Ça simplifiera la lecture.

jen ai mis mais ça ne marche pas , je ne sais pas pourquoi?