来源:http://trac.seagullproject.org/wiki/Howto/JavaScript/ImagePaths

======設定圖片路徑======
要讓你的javascript能載入圖片必須知道當前web root路徑, 所以我們定義了SGL_JS_WEBROOT這個全局變數。要查看默认的javascript全局變數，請參考Seagull產生的網頁原始碼: 
<code html>
<script type="text/javascript"> <!--
        var SGL_JS_WEBROOT="http://localhost/seagull/branches/0.6-bugfix/www";
        var SGL_JS_WINHEIGHT=500;
        var SGL_JS_WINWIDTH=600;
        var SGL_JS_SESSID="";
        var SGL_JS_CURRURL="/seagull/branches/0.6-bugfix/www/index.php/mymodule/mymanager/action/view/";
        var SGL_JS_THEME="my_theme";
        var SGL_JS_DATETEMPLATE="%d %B %Y, %H:%M";
    
//--> </script>
</code>
在这个例子中，我们要使用SGL_JS_WEBROOT和SGL_JS_THEME常量

因此要在你的javascript檔案裏設定正確的路徑，只需像下面這個例子使用SGL_JS_WEBROOT變數 (這個例子來自lightbox.js): 
<code html>
//
//	Configuration
//
var fileLoadingImage = SGL_JS_WEBROOT + "/themes/my_theme/images/loading.gif";
var fileBottomNavCloseImage = SGL_JS_WEBROOT + "/themes/my_theme/images/closelabel.gif";
</code>

如果你在<moduleName>/www/images目录中保存有模块特定的图片，只需要这样调用
  var imagePath = SGL_JS_WEBROOT + "/moduleName/images/image.gif";


======相關主題======

  *  [[Howto:JavaScript|Howto/JavaScript]] Javascript技巧
  *  [[Howto:JavaScript:ImagePaths|Howto/JavaScript/ImagePaths]] 设置图片路径
  *  [[Howto:JavaScript:ModuleSpecificJS|Howto/JavaScript/IncludeFiles]] 模块指定的JavaScript 
  *  [[Howto:JavaScript:OnloadEvents|Howto/JavaScript/OnloadEvents]] 添加OnLoad和onreadyDOM事件 
  *  [[Howto/JavaScriptAndCssImprovements|Howto/JavaScriptAndCssImprovements]] CSS和Javascript重新整理和优化