【问题标题】:Slideshow didn't work幻灯片不工作
【发布时间】:2012-08-29 20:33:05
【问题描述】:

我今天花了 > 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>

谁知道我的问题,请帮助我。感谢。祝你周二愉快:)

【问题讨论】:

  • 看起来更像 jQuery 而不是 asp.net...
  • 要获得合理的答案,您可能需要定义“我的页面发疯了”
  • 请描述“页面疯了”。
  • 已编辑。很抱歉问了一个不太清楚的问题。
  • 在 chrome 中打开页面并查找任何脚本错误(查看源代码时右下角会出现一个小红/白 X)

标签: c# jquery asp.net slide


【解决方案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>

【讨论】:

  • 非常感谢。你帮了我!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-04-28
相关资源
最近更新 更多