Wie füge ich eine verfremdete Liste in jquery ein?

Question

Ich arbeite an einer Website, die ein JQuery-Skript verwendet, um ein Video auf der Startseite für Desktops und ein Bild für Handys anzuzeigen. Ich versuche, das einzelne Bild für Handys durch einen Schieberegler zu ersetzen, um mehr Bilder zu haben. Das Slider-Markup befindet sich in einer Listenansicht. Sie können das Bild (header_video_image.jpg) für Handys auf im Snippet des jquery Skript unten auf der Linie # 9

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     var BV = new $.BigVideo({ 
          container:$('#top-images'), 
          controls:false 
         }); 
     BV.init(); 
if (Modernizr.touch) { 
BV.show("{{ 'header_video_image.jpg' | asset_url }}"); 
} else { 
     BV.show([ 
      { type: "video/mp4", src: "/assets/home-video.mp4" }, 
      { type: "video/webm", src: "/assets/home-video.webm" }, 
      { type: "video/ogg", src: "/assets/home-video.ogv" } 
     ],{doLoop:true}); 
} 
    }); 
</script> 

I header_video_image.jpg mit der folgenden ul Liste ersetzen möchten sehen:

<ul class="rslides" id="slider1"> 
    <li><img src="img/qz3b0o.jpg" alt=""></li> 
    <li><img src="img/2e54mc0.jpg" alt=""></li> 
    <li><img src="img/qz3b0o.jpg" alt=""></li> 
</ul> 

Ist es möglich?

Answer 1

versuchen, etwas wie folgt aus:

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    var BV = new $.BigVideo({ 
         container:$('#top-images'), 
         controls:false 
        }); 
    BV.init(); 
    if (Modernizr.touch) { 

     // BV.show("{{ 'header_video_image.jpg' | asset_url }}"); 

     var mobileSlider = '<ul class="rslides hide" id="slider1">'; 
     mobileSlider += '<li><img src="img/qz3b0o.jpg" alt=""></li>'; 
     mobileSlider += '<li><img src="img/2e54mc0.jpg" alt=""></li>'; 
     mobileSlider += '<li><img src="img/qz3b0o.jpg" alt=""></li>'; 
     mobileSlider += '</ul>'; 

     BV.show(100, function() {$(this).html(mobileSlider);}); 

    } else { 
      BV.show([ 
       { type: "video/mp4", src: "/assets/home-video.mp4" }, 
       { type: "video/webm", src: "/assets/home-video.webm" }, 
       { type: "video/ogg", src: "/assets/home-video.ogv" } 
      ],{doLoop:true}); 
    } 
});