Question

我花了＆gt;今天8小时只是为了使我的幻灯片工作，但不幸的是它没有用。它只显示4个静态图像..为什么它不起作用？有人能告诉我吗？这是我的代码。

asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

  <style type="text/css" media="screen">
        .slides_container {
            width:570px;
            height:270px;
        }
        .slides_container div {
            width:570px;
            height:270px;
            display:block;
        }
    </style>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="slides.js"></script>

    <script>
        $(function() {
            $("#slides").slides({
                preload: true
            });
        });
    </script>
   .........................
 <div id="slides">
        <div class="slides_container">

<div> <img src= "folder/6.jpg" /></div>
<div><img src="folder/7.jpg" /></div>
<div><img src="folder/extreme.jpg" /></div>
<div><img src="folder/alza.jpg" /></div>
</div>     
</div>

有人知道我的问题，请帮助我。感谢。祝周二愉快：）

Answer 1

我假设您使用SlideJS？如果我是正确的 - 看看这个演示代码 - 这对我有用

<style type="text/css" media="screen">
    .slides_container
    {
        width: 570px;
        height: 270px;
    }
    .slides_container div
    {
        width: 570px;
        height: 270px;
        display: block;
    }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- downloaded from SlideJS and put it in a js folder -->
<script src="js/slides.min.jquery.js"></script> 
<script>
    $(function () {
        $("#slides").slides({
            preload: true
        });
    });
</script>
<div id="slides">
    <div class="slides_container">
        <div>
            <img src="pic/1.jpg" /></div>
        <div>
            <img src="pic/2.jpg" /></div>
        <div>
            <img src="pic/3.jpg" /></div>
        <div>
            <img src="pic/4.jpg" /></div>
    </div>
</div>

幻灯片显示不起作用

1 个答案: