Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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幻灯片问题。获得空白屏幕_Javascript_Jquery_Html - Fatal编程技术网

Javascript幻灯片问题。获得空白屏幕

Javascript幻灯片问题。获得空白屏幕,javascript,jquery,html,Javascript,Jquery,Html,我使用以下代码在我的网站上放置javascript幻灯片-。我试图实现链接中给出的示例2。我一定是做错了什么,因为我得到的只是一个空白屏幕。没有图像和标题 这是我网站上的代码 <div class="bss-slides num2" tabindex="2"> <figure> <img src="bodhgaya.jpg" width="100%" /><figcaption>"Snowy

我使用以下代码在我的网站上放置javascript幻灯片-。我试图实现链接中给出的示例2。我一定是做错了什么,因为我得到的只是一个空白屏幕。没有图像和标题

这是我网站上的代码

    <div class="bss-slides num2" tabindex="2">
           <figure>
              <img src="bodhgaya.jpg" width="100%" /><figcaption>"Snowying" by <a href="http://www.flickr.com/photos/fiddleoak/8511209344/">fiddleoak</a>.</figcaption> 
           </figure>
            <figure>
                <img src="chardham.jpg" width="100%" /><figcaption>"Starlight" by <a href="http://www.flickr.com/photos/chaoticmind75/10738494123/in/set-72157626146319517">ChaoticMind75</a>.</figcaption> 
           </figure>
           <figure>
              <img src="taj.jpg" width="100%" /><figcaption>"Snowstorm" by <a href="http://www.flickr.com/photos/tylerbeaulawrence/8539457508/">Beaulawrence</a>.</figcaption> 
           </figure>
            <figure>
              <img src="konarksuntemple.jpg" width="100%" /><figcaption>"Misty winter afternoon" by <a href="http://www.flickr.com/photos/22746515@N02/5277611659/">Bert Kaufmann</a>.</figcaption> 
           </figure>
            <figure>
              <img src="http://themarklee.com/wp-content/uploads/2013/12/good-morning.jpg" width="100%" /><figcaption>"Good Morning!" by <a href="http://www.flickr.com/photos/frank_wuestefeld/4306107546/">Frank Wuestefeld</a>.</figcaption> 
           </figure>
        </div>
<script src="hammer.min.js"></script><!-- for swipe support on touch interfaces -->
<script src="better-simple-slideshow.min.js"></script>
<script>
var opts = {
    auto : {
        speed : 3500, 
        pauseOnHover : true
    },
    fullScreen : false, 
    swipe : true
};
makeBSS('.num1', opts);
var opts2 = {
    auto : false,
    fullScreen : true,
    swipe : true
};
makeBSS('.num2', opts2);
</script>

“下雪”经过。
《星光》作者。
“暴风雪”。
“薄雾冬日下午”由。
早上好。
变量选项={
自动:{
速度:3500,
pauseOnHover:正确
},
全屏:假,
刷卡:对
};
makeBSS('.num1',opts);
var opts2={
汽车:错,
全屏:对,
刷卡:对
};
makeBSS('.num2',opts2);

我克隆了回购协议并检查了您的代码。唯一的区别是图片的来源。所以我给您添加了代码

当然你看不到任何图片,但你可以看到幻灯片标题。
那么,您在代码中添加了css样式了吗?

谢谢您的回复。似乎我在javascript代码上犯了错误。请看我是否把代码放对了地方。我对javascript没有经验。这是我正在尝试代码的测试页面。easydestination.net/index3.html
I just add the css code