Nivo Slider not working on Laravel-5 -


i followed guide , loaded everything. far works, background url doesn't seem work on css file. adding source code. i've researched 50 posts, neither 1 discuss how right.

my code. i've tried both (../images , (/images , don't work.

.theme-default .nivoslider {     position:relative;     background:#fff url(../images/loading.gif) no-repeat 50% 50%;     margin-bottom:10px;     -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;     -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;     box-shadow: 0px 1px 5px 0px #4a4a4a; 

files in /images/loading.gif

add these links page head

{!! html::style('css/default.css') !!}  

copy these files /css/js , link them page:

{!! html::script('css/js/jquery.nivo.slider.js') !!} {!! html::script('css/js/jquery.nivo.slider.pack.js') !!} 

then copy index page or view :

<div id="wrapper">     <div class="slider-wrapper theme-default">     <div id="slider" class="nivoslider">      <img src="../images/toystory.jpg" data-thumb="../images/toystory.jpg" alt="" />      <a href="http://dev7studios.com"><img src="../images/up.jpg" data-thumb="../images/up.jpg" alt="" title="this example of caption" /></a>       <img src="../images/walle.jpg" data-thumb="../images/walle.jpg" alt="" data-transition="slideinleft" />       <img src="../images/nemo.jpg" data-thumb="../images/nemo.jpg" alt="" title="#htmlcaption" />  </div> <div id="htmlcaption" class="nivo-html-caption">  <strong>this</strong> example of <em>html</em> caption  <a href="#">a link</a>. </div> </div> </div> <script type="text/javascript">      $(window).load(function() {         $('#slider').nivoslider();      }); </script>   <script type="text/javascript">    var _gaq = _gaq || [];   _gaq.push(['_setaccount', 'ua-36251023-1']);   _gaq.push(['_setdomainname', 'jqueryscript.net']);   _gaq.push(['_trackpageview']);   (function() {       var ga = document.createelement('script'); ga.type = 'text/javascript'; ga.async = true;       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';    var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(ga, s);  })();  </script> 

Comments

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -