Modifier des données-src src via jquery

Im en utilisant un flexslider qui a des fichiers audio pour chaque diapositive, mais je ne veux pas charger d'innombrables fichiers audio tout de suite sur la page. Donc, im essayant d'obtenir les données-src pour devenir la src après chaque diapositive

les diapositives sont actuellement comme suit:

<div class="flexslider carousel">
<ul class="slides">
<li> 
<img src="http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide01.jpg"  /> 
<audio id="demo" controls>
   <source src="/skin/frontend/gigasavvy/quinn/audio/Slide1.mp3" type="audio/mpeg" />
</audio>
</li>
<li> 
<img src="http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide03.jpg"  /> 
<audio id="demo" controls>
   <source data-src="/skin/frontend/gigasavvy/quinn/audio/Slide3.mp3" src="" type="audio/mpeg" />
</audio>
</li>
</ul>
</div>

Dans l'après-fonction je veux modifier des données-src src. Toute aide serait grandement apprécié que la façon d'aller de données-src src

Vous ne pouvez pas la modifier. Tout ce que vous pouvez faire est d'ajouter un nouvel attribut et de supprimer la précédente.
Je pense que ce serait une meilleure solution pour set < audio preload="none">, qui sera tout simplement désactiver tous les préchargement des fichiers. Ou si vous voulez vraiment de la précharge de la diapositive en cours, modification de la précharge à la propriété "auto" lorsque le clapet est visible.

OriginalL'auteur RMH | 2014-06-25

  1. 1

    De renommer un attribut ne sera pas possible. vous pouvez créer de nouveaux attributs et de supprimer l'ancien attribut. Supposons que si il y a un événement de clic, il sera possible tant que ci-dessous. Veuillez movdiy l'événement selon vos besoins.

        $('#demo').on("click", "img", function () {
    var t = this;
    var source = $(t).children("source");        
    $source.attr({
        src: $t.attr('data-src')

    }).removeAttr('data-src');
 }
    merci beaucoup, qui a sauvé la journée. J'ai 37 diapositives avec des fichiers audio et qui garde la page en cours. Merci encore @dvk317960

    OriginalL'auteur dvk317960

  2. 1

    Essayez ceci:

    $('source').attr("src", $(this).data('src'));
$('source').removeAttr('data-src');

    Cela devrait aller de l'url à partir de data-src à src, puis retirez le data-src attribut.

    c'est : $("source").attr("src", $(this).de données ("data-src'));

    OriginalL'auteur Raenix

  3. 0

    À l'intérieur de l'après function get actuellement visible de la diapositive, puis obtenir l'auto sur elle, et elle est la source. Ensuite de vérifier si elle dispose déjà d'un src attribut. Si non, alors le régler à sa propre .data('src'). Ajouter ceci dans le flexslider objet.

    after: function(){
    var $currentAudio = $('.flex-active-slide audio source');
    if(!$currentAudio.attr('src')){
        $currentAudio.attr('src', $currentAudio.data('src'));
    }
}

    OriginalL'auteur Adam Merrifield