原型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 + ')'});