Signaler

Slider et musique

Posez votre question astuces72 3890Messages postés vendredi 15 janvier 2010Date d'inscription 14 novembre 2017 Dernière intervention - Dernière réponse le 14 nov. 2017 à 15:18 par jordane45
hello les gens,



J'ai un slider sur un site en javascript, il lit les photos comme ça:
Le slider vient de la: http://www.menucool.com/slider/slider-that-adapts-to-window-height

<div id="ninja-slider">
<div class="slider-inner">
<ul>
<li>
<a class="ns-show" href="/originale1_1_1/P111077205_08_26_max.jpg" rel="nofollow noopener noreferrer" target="_blank" style="-webkit-transform: rotate(0deg);background-size:contain;"></a><div id="div_texte_img">Photo: 5 </div><div id="div_date_img">15 septembre 2017</div>
</li>
<li>
<a class="ns-img" href="/originale1_1_1/P111076305_08_18_max.jpg" rel="nofollow noopener noreferrer" target="_blank" style="-webkit-transform: rotate(0deg);background-size:contain;"></a><div id="div_texte_img">Photo: 4 </div><div id="div_date_img">15 septembre 2017</div>
</li>
<li>
<a class="ns-img" href="/originale4_2_1/20170824_11560613_00_06_max.jpg" rel="nofollow noopener noreferrer" target="_blank" style="-webkit-transform: rotate(0deg);background-size:contain;"></a><div id="div_texte_img">Photo: 11 </div><div id="div_date_img">24 août 2017</div>
</li>
<li>
<a class="ns-img" href="/originale4_2_1/20171029_13552813_00_00_max.jpg" rel="nofollow noopener noreferrer" target="_blank" style="-webkit-transform: rotate(90deg);background-size:1200px;"></a><div id="div_texte_img">Photo: 10 </div><div id="div_date_img">29 octobre 2017</div>
</li>
<li>
<a class="ns-img" href="/originale4_2_1/avec-arriere-112_59_56_max.jpg" rel="nofollow noopener noreferrer" target="_blank" style="-webkit-transform: rotate(90deg);background-size:1200px;"></a><div id="div_texte_img">Photo: 9 </div><div id="div_date_img">10 novembre 2017</div>
</li>
</ul>
</div>
</div>


Il se rempli avec une bdd et par rapport à plusieurs dossiers, ici nous avons le dossier originale1_1_1 et le dossier originale4_2_1 ,et chaque dossier a une musique.

Les musique sont dans chaque dossier image /originaleX_X_X/musique.mp3


Alors la question, que je n'ai pas réussi à résoudre, c'est Comment au moment du diaporama, changer la musique en fonction du dossier ?
Il faudrait qu'au moment du passage sur le dossier suivant, le changement de la musique.



Le slider met à jour l'image en cours dans une div:
<div id="ninja-slider-pager">
<a rel="0" class="active">1</a>
<a rel="1" class="">2</a>
<a rel="2" class="">3</a>
<a rel="3" class="">4</a>
<a rel="4" class="">5</a>
<a rel="5" class="">6</a>
<a rel="6" class="">7</a>
<a rel="7" class="">8</a>
<a rel="8" class="">9</a>
<a rel="9" class="">10</a></div>

et la, la 1ère image, la casse passe à "ns-show"
Il faut donc que je récupère le nom du dossier en temps réel, et là, je bloque sur une fonction ajax ou javascript, pour faire ce changement, alors je me disais que je pouvais recuperer l'id class="active", mais comment ?

le fichier js qui gère le slider:
http://www.menucool.com/slider/ninja-slider/10/ninja-slider.js

Que celui qui a compris me donne une piste.
Merci :)
Utile
+0
plus moins
Bonjour,

je me disais que je pouvais recuperer l'id class="active",

Si j'ai bien compris ce que tu veux (pas sûr.. mais bon...)

En jquery :
var elActif = $('#ninja-slider-pager').find('.active');
//répère le rel correspondant
var rel = elActif.attr('rel');

Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !