Question

嘿，这应该是一个简单的解决方案但是出现了一些错误，我似乎无法弄明白。我已经显示了文本，但每张幻灯片中的文本同时显示，即使li标签中的每个div ... 任何帮助都会很棒，提前谢谢。

<div class="image_carousel">  
                                <ul id="foo2">
                                    <li><img src="img/slideshow/slide1.jpg" style="border:none;" alt="Image 1" /><div class="headertext">TEST 1</div></li>
                                    <li><img src="img/slideshow/slide2.jpg" style="border:none;"  alt="Image 2" /><div class="headertext">TEST 2</div></li>
                                    <li><img src="img/slideshow/slide3.jpg" style="border:none;"  alt="Image 3" /><div class="headertext">TEST 3</div></li>
                                    </ul>
                <div class="clearfix"></div>
                <div class="pagination" id="foo2_pag"></div>
                <div id="overlay"></div>
        </div>

Answer 1

如果无法看到您的CSS，很难区分问题所在。

文本应该与图像一起移动，因为它在同一个列表项中，使我相信你的'headertext'div会有一些绝对定位（或类似的东西），导致它不会与图像一起滑过。

如果您有CSS或网站的链接，我可能会给您一个更好的主意。

将文字添加到caroufredsel幻灯片中

1 个答案: