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