jquery - Javascript Slideshow Issue. Getting Blank Screen -
i using following code place javascript slideshow on website - http://leemark.github.io/better-simple-slideshow/. trying implement example 2 given on link. must doing wrong because blank screen. no images , caption.
this code have on website.
<div class="bss-slides num2" tabindex="2"> <figure> <img src="bodhgaya.jpg" width="100%" /><figcaption>"snowying" <a href="http://www.flickr.com/photos/fiddleoak/8511209344/">fiddleoak</a>.</figcaption> </figure> <figure> <img src="chardham.jpg" width="100%" /><figcaption>"starlight" <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" <a href="http://www.flickr.com/photos/tylerbeaulawrence/8539457508/">beaulawrence</a>.</figcaption> </figure> <figure> <img src="konarksuntemple.jpg" width="100%" /><figcaption>"misty winter afternoon" <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!" <a href="http://www.flickr.com/photos/frank_wuestefeld/4306107546/">frank wuestefeld</a>.</figcaption> </figure> </div> <script src="hammer.min.js"></script><!-- 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>
i clone repo , check code.the difference source of picture.so put code on this fiddle.
i add css code
of course can't see pictures,but can see slide caption. did add css style in code?
Comments
Post a Comment