javascript - js调整图片大小

标签 javascript jquery css

<script type="text/javascript">
function carousel_bg(id) {
    var bgimgs = ['1920x625_Sonata_homepage_image.jpg', '1920x625_Equus_homepage_image.jpg', '5_home_hero_1920x625_CF_background.jpg']; // add images here..               
    var img = bgimgs[id];
    var cnt = 3; // change this number when adding images..                
    $('#body').css("background-image", "url(http://www.pitstopmotors.com.ph/images/" + img + ")");
    id = id + 1;
    if (id == cnt) id = 0;
    setTimeout("carousel_bg(" + id + ")", 10000);
}
$(document).ready(function() {
    carousel_bg(0);
});
</script>
</head>
  <body id="body">

我正在使用上面的代码将我的背景设置为旋转木马,但图像并不完美。谁能帮我在脚本中添加一个函数,让我可以添加这些样式 width: 100%; position:absolute; 顶部:0; 左:0;谢谢

最佳答案

只需在将 css 添加到 #body 元素的地方扩展这一行:

$('#body').css({
"background-image": "url(http://www.pitstopmotors.com.ph/images/" + img + ")",
"position": "absolute",
"top": 0,
"left": 0});

关于javascript - js调整图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7116231/

相关文章:

javascript - 刷新数据并在时间间隔后重置倒计时器

javascript - 如何将一组 ascii 字符转换为字符串

javascript - 如何将来自 Github 的 Formula.js 嵌入到 html 中

javascript - 为图表使用动态数据

javascript - d3.js(maps) svg 元素在将它们添加到现有 svg 元素之上时不出现

html - 当我使用 Thymeleaf 运行我的 Spring Boot 元素时,浏览器不会加载 css 文件,而是加载 href 和 th :href is correct 的路径

javascript - 使用 Rails UJS 加载内容时指定微调器

javascript - 如何处理 javascript 弹出窗口上的 ESC keydown

javascript - 单击时切换功能

CSS:如何使跨度链接扩展?