zAccordion-滑块jquery和html-图像幻灯片上的文本

zAccordion - slider jquery and html - text on image slide

本文关键字：幻灯片 文本 图像 html- 滑块 jquery zAccordion-      更新时间：2023-09-26

我在jquery中有一个脚本：

    *<script type="text/javascript">
        $(document).ready(function() {
            $("#example14").zAccordion({
                tabWidth: "15%",
                width: "100%",
                height: "100%"
            });
            $(window).resize(function() {
                $("#example14").height($(window).height());
                $("#example14 li").height($(window).height());
                $("#example14 img").height($(window).height());
            });
        });
    </script>*

和一些html:

        *<ul id="example14">
            <li><img src="images/slide0.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide1.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide2.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide3.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide4.gif" width="100%" height="100%" alt="" /></li>
        </ul>*

问题是：例如，我如何在CSS中的图像幻灯片上生成一些文本？请帮帮我！感谢

你问CSS，对吗？

 <ul id="example14">
            <li><img src="images/slide0.gif" width="100%" height="100%" alt="" />
                <div class="text">lorem lorem lorem</div></li>
            <li><img src="images/slide1.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide2.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide3.gif" width="100%" height="100%" alt="" /></li>
            <li><img src="images/slide4.gif" width="100%" height="100%" alt="" /></li>
</ul>
.text{
position:relative;
top:-100px;
}
相关文章：