Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像的自动幻灯片放映在Phonegap中不起作用_Javascript_Jquery_Cordova - Fatal编程技术网

Javascript 图像的自动幻灯片放映在Phonegap中不起作用

Javascript 图像的自动幻灯片放映在Phonegap中不起作用,javascript,jquery,cordova,Javascript,Jquery,Cordova,您好,我想在特定的时间段内对图像进行幻灯片,它们位于我的图像文件夹中。 使用以下代码,图像不会显示。我无法理解这个问题,为什么图像不显示 由于我是phonegap的新手,请建议我如何做- <!DOCTYPE html> <html> <head> <title>PhotoSwipe</title> <meta content="width=device-width, initial-scale=1.0, maxim

您好,我想在特定的时间段内对图像进行幻灯片,它们位于我的图像文件夹中。 使用以下代码,图像不会显示。我无法理解这个问题,为什么图像不显示

由于我是
phonegap
的新手,请建议我如何做-

<!DOCTYPE html>
<html>
<head>
    <title>PhotoSwipe</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link href="styles.css" type="text/css" rel="stylesheet" />
    <link href="css/photoswipe.css" type="text/css" rel="stylesheet" />

 </head>
 <body>
    <script type="text/javascript" src="js/klass.min.js"></script>
    <script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"></script>
    <script type="text/javascript"></script>
      <div id="MainContent">
        <div class="page-content">
            </br>
            <h1>PhotoSwipe</h1>
        </div>
        <ul id="Gallery" class="gallery">
            <li><a href="images/full/001.jpg"><img src="images/thumb/001.jpg" alt="Image 001" /></a></li>
            <li><a href="images/full/002.jpg"><img src="images/thumb/002.jpg" alt="Image 002" /></a></li>
            <li><a href="images/full/003.jpg"><img src="images/thumb/003.jpg" alt="Image 003" /></a></li>
            <li><a href="images/full/004.jpg"><img src="images/thumb/004.jpg" alt="Image 004" /></a></li>
            <li><a href="images/full/005.jpg"><img src="images/thumb/005.jpg" alt="Image 005" /></a></li>
            <li><a href="images/full/006.jpg"><img src="images/thumb/006.jpg" alt="Image 006" /></a></li>
            <li><a href="images/full/007.jpg"><img src="images/thumb/007.jpg" alt="Image 007" /></a></li>
            <li><a href="images/full/008.jpg"><img src="images/thumb/008.jpg" alt="Image 008" /></a></li>
            <li><a href="images/full/009.jpg"><img src="images/thumb/009.jpg" alt="Image 009" /></a></li>
            <li><a href="images/full/010.jpg"><img src="images/thumb/010.jpg" alt="Image 010" /></a></li>
            <li><a href="images/full/011.jpg"><img src="images/thumb/011.jpg" alt="Image 011" /></a></li>
            <li><a href="images/full/012.jpg"><img src="images/thumb/012.jpg" alt="Image 012" /></a></li>
            <li><a href="images/full/013.jpg"><img src="images/thumb/013.jpg" alt="Image 013" /></a></li>
            <li><a href="images/full/014.jpg"><img src="images/thumb/014.jpg" alt="Image 014" /></a></li>
            <li><a href="images/full/015.jpg"><img src="images/thumb/015.jpg" alt="Image 015" /></a></li>
            <li><a href="images/full/016.jpg"><img src="images/thumb/016.jpg" alt="Image 016" /></a></li>
            <li><a href="images/full/017.jpg"><img src="images/thumb/017.jpg" alt="Image 017" /></a></li>
            <li><a href="images/full/018.jpg"><img src="images/thumb/018.jpg" alt="Image 018" /></a></li>
        </ul>
    </div>

      <script>
          (function(window, PhotoSwipe)
           {
           document.addEventListener('DOMContentLoaded', function()
                                     {
                                     var
                                     options =
                                     {
                                     preventHide: true
                                     },
                                     instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
                                     instance.show(0);

                                     }, false);
           }
           (window, window.Code.PhotoSwipe));

          </script>

 </body>
 </html>

擦照片

擦照片
(功能(窗口、Photosweep) { document.addEventListener('DOMContentLoaded',function() { 变量 选择权= { 真的吗 }, instance=photoswip.attach(window.document.queryselectoral(“#库a”),选项); 实例show(0); },假); } (window,window.Code.photoswip));
你可以选择最好的。人们已经成功地将它与jQuery Mobile结合使用

也可以尝试以下方法:

它包含带音频的幻灯片放映