Доброй ночи. Появилась идея задать свой фон для каждой нечетной <section>
находящейся в блоке .main
html выглядит примерно так:
<div class="main">
<section></section>
<section></section>...и т.д.
Количество секций которое должно получаться в итоге я не знаю, начал с 4х. Картинки лежат в папке ../img/bg/(их там с запасом). Пронумерованы по принципу 1.jpg и тд
Вот JS код:
$(document).ready(function bgi() {
//считаем количество нечетных секций в блоке main
var sectNum = $(".main:nth-child(odd)").length;
//крутим цикл столько раз сколько у нас секций
for (i=0; i<=sectNum-1; i++) {
var j = i+1;
//путь до фона должен иметь вид N.jpg
var img = ("url(../img/bg/" + (i+1) + ".jpg)");
//применяем фон для секции
$(".main:nth-child(odd)[j]").css("backgroundImage", img)
}
});
Путем проб и ошибок добился того, что консоль не кричит об ошибках в JS, но всё же код не работает.