Nivo滑塊不工作Laravel-5

Question

我跟着這個guide並加載了一切。到目前爲止，一切正常，但後臺網址似乎不適用於任何css文件。我正在添加我的源代碼。我已經研究了大約50篇文章，但都沒有討論如何做到這一點。

我的代碼。我都試過（../images和（/圖像和他們不工作。

.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; 

文件是在/images/loading.gif

Answer 1

添加這些鏈接到頁面頭部

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

將這些文件複製到/ CSS/JS並將其鏈接到你的頁面：

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

那麼這個複製到索引頁或視圖：

<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 is an example of a 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> is an example of a <em>HTML</em> caption with 
<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>