Soy nuevo en js y php e intenté reproducir música cuando pasaba el mouse sobre mi presentación de diapositivas. La cosa es que la presentación de diapositivas contiene varias diapositivas obviamente y no sé cómo seleccionar el valor de la variable correcta para que se reproduzca... Podría hacer que $my_music tenga los valores de todas las filas que no quiero. Solo tendría el correcto cuando esté en la diapositiva correspondiente. Y todo está en la base de datos, que se conecta muy bien y todo. El único problema es esta parte de audio...

aquí está mi código (no la parte js de la presentación de diapositivas)

 <?php include('includes/header.php')?> <div id="my_slideshow"> <?php $req_user = mysqli_query( $connect, "SELECT * FROM albums ORDER BY album_date ASC" ); if ( mysqli_num_rows( $req_user ) > 0 ) { while ( $slide = mysqli_fetch_array( $req_user ) ) { $my_slide .= '<figure>'; $my_slide .= '<img src="images/'.$slide[ 'album_img' ].'">'; $my_slide .= '<figcaption>'; $my_slide .= '<h2>'.$slide['artist_name'].'</h2>'; $my_slide .= '<h3>'.$slide['album_name'].'</h3>'; $my_slide .= '<p>'.'<time>'.$slide['album_date'].'</time>'.' '.$slide['label_name'].'</p>'; $my_slide .= '<p>©'.$slide['cover_artist'].'</p>'; $my_slide .= '</figcaption>'; $my_slide .= '</figure>'; $my_music .= $slide['album_audio']; } echo($my_slide); } ?> </div> </article> </main> <script type="text/javascript"> var item = document.getElementById("my_slideshow"); var music = new Audio('musics/<?php echo $my_music; ?>'); item.addEventListener("mouseover", playMusic, false); item.addEventListener("mouseout", stopMusic, false); function playMusic() { console.log('<?php echo $my_music ?>'); console.log('<?php echo $my_slide ?>'); music.play(); } function stopMusic() { music.pause(); music.currentTime = 0; } </script> <script type="text/javascript"> $(document).ready(function(){ slide_show('#my_slideshow', 4000); }) </script> <?php include('includes/footer.php');?>```