Я создаю очень специализированный скроллер изображений, который использует анимацию («влево»), чтобы получить эффект, похожий на выделение, отображающий серию
с прокруткой вложенных изображений влево. Они находятся внутри
с "width: 960px; переполнение: скрыто;". Изображения используют «положение: абсолютное;» и z-index, чтобы при использовании мыши при наведении мыши серое изображение сверху исчезало и отображало цветное изображение.
Каждый div будет выглядеть так:
<div class="showcase">
<a href="#" class="showcase">
<img src="images/clients/aria_gray.png" alt="" />
</a>
<img src="images/clients/aria_color.png" width="160" class="scbg" alt="Aria" />
</div>
CSS, специфичные для этого кода:
div.showcase {
display: inline;
width: /* calculated by a jQuery function */
height: 70px;
position: relative;
float: left;
}
a.showcase img {
position: absolute;
z-index: 1;
}
img.scbg {
position: absolute;
z-index: 0;
}
Проблема : прокручиваемые изображения вообще не отображаются , пока их полная ширина не окажется в пределах
.
Я пытался выполнить поиск в Google, Blekko, jQuery API и предлагаемых ссылках, но, по-моему, я использую неверную терминологию для описания своей проблемы.
Я & сердца; Переполнение стека. :)