Bootstrap 3 - jumbotron动态背景图像

时间:2014-05-03 16:35:10

标签: jquery css twitter-bootstrap twitter-bootstrap-3

我尝试使用带有动态背景图片的jumbotron创建移动网站。

当用户输入自己的链接时,我将从我的网络服务中提供背景图片网址。

在此链接Bootstrap 3 - jumbotron background image effect中有固定背景图片的解决方案,但我无法弄清楚如何动态更改此图片,或者即时添加图片。

如果你可以帮助我,那将是很好的,

谢谢,

1 个答案:

答案 0 :(得分:2)

您尚未指定应更改图像的事件以及方式。您可以做的是,使用jQuery css() 方法覆盖background类的.bg属性:

$('.bg').css('background',' url('+image_url+') no-repeat center center');

<强> DEMO