Fatal编程技术网

Javascript 调整图像大小

javascript jquery css

Javascript 调整图像大小,javascript,jquery,css,Javascript,Jquery,Css,我使用上面的代码将我的背景作为旋转木马，但是图像并不完美。谁能帮我在脚本中添加一个函数，允许我添加这些样式宽度：100%； 位置：绝对位置； 排名：0； 左：0；谢谢，试试这个。您可以获得阵列长度，而不是硬编码cnt=3。不能将背景图像的位置设置为绝对 <script type="text/javascript"> function carousel_bg(id) { var bgimgs = ['1920x625_Sonata_homepage_image.jpg', '1

我使用上面的代码将我的背景作为旋转木马，但是图像并不完美。谁能帮我在脚本中添加一个函数，允许我添加这些样式宽度：100%； 位置：绝对位置； 排名：0；
左：0；谢谢，试试这个。您可以获得阵列长度，而不是硬编码cnt=3。不能将背景图像的位置设置为绝对

<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">
只需扩展这一行，将css添加到body元素：

我想他可能想在body元素中添加positionCSS。你会注意到，这意味着它不是实际的主体，但可能是一个带有id主体的div。@彼得-我明白了，我一直认为它是一个主体标记，但没有看：谢谢你的帮助，但是它不起作用：[矿山上的主体div实际上是主的，我只是直接从另一个站点复制粘贴代码。函数carousel_bgid{var-bgimgs=['bg_img1.jpg']]；//在此处添加图像..var-img=bgimgs[id]；var-cnt=bgimgs.length；//使其成为动态的$'main'。cssbackgroundImag:url+img+，backgroundPosition:0px 0px}；id=id+1；if id==cnt id=0；setTimeoutcarousel_bg+id+，10000；}$document.readyfunction{carousel_bg0；}；//这是我的实际代码。背景图像又开始工作了，但现在它实际上让情况变得更糟了。\我的其他div都不合适了。我也在使用960 css框架，这需要做些什么吗？@jay除非我看到另一个div的css，否则我真的无法告诉你为什么。我很确定这是960 css框架，它可以使用其他div不合适，但是背景图像仍然无法正确调整大小。我已经制作了所有大小为1600px x 1000px的bg图像。在photoshop中调整大小不会有问题，但是我希望bg图像具有所有分辨率的通用性。 
 function carousel_bg(id) {
    var bgimgs = ['bg_img1.jpg']; // add images here.. 
    var img = bgimgs[id]; 
    var cnt =        bgimgs.length; // made it dynamic 
    $('#main').css({
        "background-image": "url(http://www.pitstopmotors.com.ph/images/" + img + ")",
        "position": "absolute",
        "top": "0px",
        "left": "0px"}); 

    id = id + 1; 
    if (id==cnt) 
      id = 0;

    setTimeout("carousel_bg("+id+")", 10000); 
} 

$(document).ready(function() { carousel_bg(0); });

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