JS, чтобы изменить размер изображения - PullRequest
Новая
       5

JS, чтобы изменить размер изображения

0 голосов
/ 19 августа 2011 
<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%;положение: абсолютное;верх: 0;слева: 0;Спасибо

Ответы [ 2 ]

0 голосов
/ 19 августа 2011

Просто расширьте эту строку, где вы добавляете CSS к элементу #body: 

$('#body').css({
"background-image": "url(http://www.pitstopmotors.com.ph/images/" + img + ")",
"position": "absolute",
"top": 0,
"left": 0});
0 голосов
/ 19 августа 2011

Попробуй это. Вместо жесткого кодирования cnt=3 вы можете получить длину массива. Нельзя установить абсолютное положение фонового изображения. 

 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); });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...