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
Post a Comment