2013-11-14 3 views
0

Я пытаюсь получить цикл jQuery, работающий над несколькими фоновыми изображениями, и не знаю, почему он не работает. Я просто не вижу никаких изображений.jQuery/Cycle/Background images

У меня есть скрипку здесь с примерами кода:

http://jsfiddle.net/6kjA6/1/

$(document).ready(function() { 

    $('#headerRotate').cycle({ 
     fx: 'fade', 
     timeout: 2000 
    }); 
}); 

<div id="headerRotate"> 
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/692316_image-2.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div> 
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/23874_image-4.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div> 
</div> 
+1

Просто, чтобы убедиться, Вы в том числе скрипт плагина?

+0

Да, это так ... а также в примере Fiddle, который я опубликовал. – user1110562

ответ

2

Установка некоторые CSS на дивы заботилась о нем: http://jsfiddle.net/6kjA6/5/

#headerRotate { width: 100%; }  
#headerRotate div { width: 100%; } 
+0

Это действительно работает, но мне нужно, чтобы изображения растягивались в соответствии с шириной браузера, поэтому размер фона: 100% ;. Это исправление удаляет необходимый элемент. – user1110562

+0

Если вы имеете в виду белую рамку на скрипке, это связано с интервалом между браузером по блочным элементам. Для удаления используйте следующее: * {margin: 0; заполнение: 0; } –

+0

Нет, он по-прежнему не изменяет размер, поскольку мне нужно. Он должен растягиваться, чтобы соответствовать всей ширине браузера: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size2 – user1110562