nivo滑块图像显示在模板中,但不显示在CodeIgniter中是什么原因


nivo slider image dispaly in template but do not display in CodeIgniter what is the reason?

1.我的模板中显示的nivo滑块图像。但是当我在代码点火器中使用它时,它无法显示。2.模板显示其他内容,但仅显示图像。3.使用火虫,我看到当 nivosliderdiv 起作用时,它会显示图像标签,其中可见性:隐藏和背景显示找不到图像的 URL。

I am newbie . Please help me.

Master page :

这是代码:

 <title>This is Title</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <!-- Bootstrap -->
                <link href="<?php echo base_url();?>css/bootstrap.min.css" rel="stylesheet" media="screen">
                <link href="<?php echo base_url();?>css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
                <!-- Amazing Mobile Menu CSS -->
                <link href="<?php echo base_url();?>css/jquery.fs.naver.css" rel="stylesheet" type="text/css" />        
                <!-- News Tickr CSS -->
                <link href="<?php echo base_url();?>css/ticker-style.css" rel="stylesheet" type="text/css" />
                <!-- Bebas Webfont -->
                <link href="<?php echo base_url();?>fonts/stylesheet.css" rel="stylesheet" media="screen">  
                <!-- Nivo Slider CSS -->
                <link rel="stylesheet" href="<?php echo base_url();?>css/themes/default/default.css" type="text/css" media="screen" />
                <link rel="stylesheet" href="<?php echo base_url();?>css/nivo-slider.css" type="text/css" media="screen" />
                <!-- Main CSS -->
                <link href="<?php echo base_url();?>css/style.css" rel="stylesheet" media="screen">
                <!-- Responsive Framework -->
                <link href="<?php echo base_url();?>css/responsive.css" rel="stylesheet" media="screen">

        **html code for nivoslider:**
        <div id="slider" class="nivoSlider">
                                    <img src="<?php echo base_url();?>img/toystory.jpg" alt="" />
                                    <img src="<?php echo base_url();?>img/up.jpg" alt="" />
                                    <img src="<?php echo base_url();?>img/walle.jpg" alt="" />
                                    <img src="<?php echo base_url();?>img/nemo.jpg" title="#htmlcaption" alt="" />
                                </div>
    ''''''''''''''''''''''''''''
    '''''''''''''''''''''''''''    **others code here**![enter image description here][1]
    this code for script:
    <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
            <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
            <script src="<?php echo base_url();?>js/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                controlNav: false
            });
        });
        </script>   
            <script src="<?php echo base_url();?>js/jquery.ticker.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function () {
                    $('#js-news').ticker();
                });
            </script>       
            <script src="<?php echo base_url();?>js/jquery.fs.naver.min.js"></script>
            <script type="text/javascript">
                $("nav").naver({
                    animated: true
                });     
            </script>
            <script src="<?php echo base_url();?>js/bootstrap.min.js"></script>

  [1]: https://i.stack.imgur.com/JsaIJ.png

更改

<?php echo base_url();?>img/toystory.jpg

<?php echo base_url();?>/img/toystory.jpg

(请注意斜杠)。

甚至更好:删除所有<?php echo base_url();?>并在您的脑海中添加:

<base href="/" /><base href="<?php echo base_url();?>/" />