Question

我遇到了在javascript中添加我的基本网址以加载图片（效果）的问题，这里是代码

 $(function(){

        $.mbBgndGallery.buildGallery({
            containment:"#home",
            timer:4000,
            effTimer:700,
            controls:"#controls",
            grayScale:false,
            shuffle:false,
            preserveWidth:false,
            effect:"slideDown",
            effect:{enter:{top:"-100%",opacity:1},exit:{top:0,opacity:0}, enterTiming:"ease-in", exitTiming:"ease-in"},



             images:[
             "/css/login/images/1.jpg",
             "/css/login/images/2.jpg",
             "/css/login/images/3.jpg"
             ],

            onStart:function(){},
            onPause:function(){},
            onPlay:function(opt){},
            onChange:function(opt,idx){},
            onNext:function(opt){},
            onPrev:function(opt){}
        });


    });

我的codeigniter base url是localhost / project，所以javascript中的那些链接应该像localhost / project / css / login / images / 1.jpg

感谢帮助，谢谢：）

Answer 1

一种简单的方法是在加载javascripts之前在脚本标记中包含一个变量。

在视图的标题处添加此文件，该视图加载需要基本URL的javascript文件：

<script type="text/javascript">
//A global variable which may hold any server variables
var ServerVariables = {
    baseUrl:"<?php echo $this->config->base_url() ?>"
}
</script>

然后您可以加载脚本，基本URL将通过您之前声明的变量提供：

images:[
         ServerVariables.baseUrl + "/css/login/images/1.jpg",
         ServerVariables.baseUrl + "/css/login/images/2.jpg",
         ServerVariables.baseUrl + "/css/login/images/3.jpg"
         ],

编辑：正如@Kyslik所述，this答案似乎是您的问题的正确答案。

Answer 2

function my_url(url){
   return "localhost/project/"+url;
}

images:[
             my_url("/css/login/images/1.jpg"),
             my_url("/css/login/images/2.jpg"),
             my_url("/css/login/images/3.jpg")
             ],

在javascript代码中添加基本网址

2 个答案: