Несколько слайд-шоу JQuery Cycle накладываются

Question

Я использую плагин цикла jQuery для создания нескольких слайд-шоу на одной странице (которое, как только я выясню эту проблему, будет запускаться / останавливаться при наведении курсора мыши - да, я знаю, что на слайде есть 9 слайд-шоу). страница).

Проблема в том, что когда я говорю нескольким слайд-шоу, чтобы начать цикл, то, какие из них я вызываю цикл () при наложении. Итак, все изображения со слайда 1 наложены, затем все они переходят на слайд 2 и т. Д. Я могу сказать, что они накладываются, потому что первый слайд каждого слайд-шоу содержит прозрачный PNG.

Это происходит независимо от того, вызываю ли я цикл () в итераторе jQuery each (), или даже если я вызываю его вручную только в двух или трех контейнерах с селектором идентификатора jQuery.

Answer 1

Просто добавьте это в свой CSS:

.column { position: relative }

Плагин Cycle устанавливает absolute позиционирование на слайд-шоу, которое будет связано с первым родительским элементом, который имеет position: relative или position: absolute. Таким образом, установив position: relative в классе .column, он содержит слайд-шоу со своими 0,0 координатами и впоследствии удерживает их от наложения друг на друга.