原型Javascript設置背景圖片

Question

我想通過原型javascript設置div的背景圖像。image_path變量返回確切的文件位置。如果我在setStyle中使用該變量，它只返回變量名稱而不是圖像。我是什麼做錯了？

<script type="text/javascript">// <![CDATA[ 
    function changed() 
    { 
    var options=$('first'); 
    if(options.value.endsWith('.jpg')) 
    { 
     var image_name=options.value; 
     var image_path="http://localhost/dev/skin/frontend/default/wireframe/images/"+image_name; 
     //alert(image_path); 

     $('firstdiv').setStyle({backgroundImage: 'url(image_path)'}); 
     return; 
    } 
    else { 
    $('firstdiv').setStyle({backgroundColor:options.value}); 
    } 
    } 
// ]]></script> 

Answer 1

 $('firstdiv').setStyle({backgroundImage: 'url(image_path)'}); 

你使用image_path爲一個字符串的一部分。你想要

 $('firstdiv').setStyle({backgroundImage: 'url(' + image_path + ')'});