Я пытаюсь создать скользящий ротатор с плагином jQuery Cycle, но у меня возникают некоторые проблемы с пользовательским дисплеем, который мне нужен ... В основном, у меня есть слайды, а сверху каждого слайда есть текстовое поле с текстом.Я просто хочу, чтобы слайды скользили, но я хочу, чтобы текст постепенно исчезал, а затем появлялся при появлении нового слайда.
Вот мой HTML:
<div id="home-slider">
<div class="slide">
<img src="image.jpg" width="200" height="200" />
<div class="text-box">
<p>Some text here</p>
</div>
</div>
<div class="slide">
<img src="image.jpg" width="200" height="200" />
<div class="textblock">
<p>Some text here</p>
</div>
</div>
</div>
Вот JS:
function onBefore() {
jQuery("#home-slider .slide .textblock").hide();
}
function onAfter() {
jQuery("#home-slider .slide .textblock").fadeIn('fast');
}
jQuery("#home-slider").cycle({
speed: 500,
timeout: 3000,
after: onAfter,
before: onBefore
});
Таким образом, слайды работают нормально, но текст скользит вместе с ним, когда я хочу, чтобы они просто постепенно исчезали.
Есть идеи?