JQuery - LavaLamp меню с несколькими изображениями?

Question

Я пробую меню jQuery Lavalamp , и я пытаюсь изменить его и понять, как оно работает одновременно. Дело в том, что все примеры, которые я нашел, состоят в основном из двух изображений.

Фон и левое изображение. Это нормально, но я хочу создать меню, состоящее из трех изображений. Фон, посередине и слева. И середина должна реагировать так же, как и левая, всегда находиться только в середине пункта меню.

Кто-нибудь знает, что нужно сделать, чтобы это произошло? Мне просто нужно как-то вставить статический div 15px между структурами.

Answer 1

Ну, вот что они делают:

• Поместите внешний div под список
• Дайте ему изображение справа и по центру
• Добавить вложенный div, который составляет 100% ширины
• Дайте левое изображение, выровненное по левому краю.

То, что вы хотите сделать, это использовать 3 вложенных div.

• Внешний div с центром / bg с background-position: center top;
• Внутренний div с левым изображением с левым верхом
• Внутренний div с правым изображением, background-position: right top;

Я проиллюстрирую это через мгновение ...

[править]
Новая разметка в файле js:

<li class="back"><div class="left"><div class="right"></div></div></li>

Новый css:

.lavaLampWithImage li.back {
     background: url("middle.jpg") no-repeat center top; // could be repeat-x
     width: 9px; height: 30px;
     z-index: 8;
     position: absolute;
 }
 .lavaLampWithImage li.back .left {
     background: url("left.jpg") no-repeat left top;
     height: 30px;
}
.lavaLampWithImage li.back .right {
     background: url("right.jpg") no-repeat right top;
     height: 30px;
}

[другое редактирование] Я не понимал, что вы хотели статичную вещь в середине. Поскольку у вас сейчас есть 2 вложенных элемента div, будет ли работать добавление третьего, как описано выше? Только на этот раз присвойте внутреннему div ширину 15 пикселей и добавьте поле: 0 auto; Оставьте остальные 2 как есть. Поскольку остальные 2 блока занимают 100% свободного пространства, третий центр должен быть посередине.