Question

我得到了@Ariel Davis的帮助。我的URL是从单个模板动态生成的。我希望动态生成的页面的背景图像与URL匹配。

示例：网址：http://my.mysite.com/media/surfing，我想动态获取我的/ assets / main / img /文件夹＆＃39; surfing.jpg中的图片并将其显示为背景。

这是我目前的CSS：

@grade.students << @student

我目前的Javascript：

.main_background{
background: url('/assets/main/img/athlete_background.jpg') no-repeat  top center;
background-size: cover; 
min-height:600px;

}

非常感谢任何帮助，谢谢。

Answer 1

尝试在关闭正文标记之前添加它：

<script>
    (function(){ 
        var loc = window.location.pathname;
         var img = loc.substring(
             loc.lastIndexOf("/") + 1, loc.length
             ) + ".jpg";

        $(".main_background").css("backgroundImage", "url('webroot/assets/main/img/" + img + "')");
    }());
</script>

Javascript-基于URL的最后一个字符串动态更改背景图像

1 个答案: