0

相当基本的问题，但我正在寻找一个 jQuery 内容滑块，没有按钮，只是通过 4 个不同的内容段落进行连续淡入/淡出幻灯片。

我已经在 Google 上进行了搜索，但似乎找不到可以满足我需求的滑块——我希望这里有人可以推荐一个。

提前致谢。

4

4 回答 4

0

你试过这个吗？http://manos.malihu.gr/jquery-custom-content-scroller

这可能就是你要找的东西。您可以自定义自己的滚动条或使用他们给您的多个选项之一。

我已经尝试过了，它真的很完美

于 2012-10-19T09:55:29.370 回答
0

当您只想使用图像/视频时，我认为 NivoSlider 就是您要搜索的内容。

它可以在这里找到：http: //nivo.dev7studios.com/support/jquery-plugin-usage/ 当你向下滚动页面时，你会看到显示控件的真/假选项。

如果您想使用 html 内容，我听说的最后一件事是 nivoslider 无法做到这一点。

因此，如果您想在幻灯片中使用 html 内容，请尝试此处提供的 rhinoslider： http ://rhinoslider.com/how-to-use/ 在链接页面上，您可以使用演示来满足您的需求。

不过，多一点信息会很好。它应该是响应式的吗？你想展示什么内容？

希望这篇文章有所帮助。

问候，多米尼克

于 2012-10-19T10:00:25.610 回答
0

你可以试试这些——

http://delicious.com/anupdg/Content+slideshow

问候

阿努普达斯古普塔

于 2012-10-19T10:08:00.670 回答
0

您可以从我附加的链接中看到选项以选择不同的过渡效果............

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
    <title>Skitter - Slideshow for anytime!</title>
    <link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
    <script src="js/jquery-1.6.3.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.skitter.min.js"></script>
    <script>
    $(document).ready(function() {
        var options = {
            numbers: false,// the thing required no anchoring or navigation
            navigation:false,
            animation: "random",
            velocity:0.2, //velocity of animation
            interval:4000// time gap between the transitions
        };
        $('.box_skitter_large').skitter(options);
    });
    </script>
</head>
<body>
<div id="page">
    <div id="content">
        <div class="border_box" style="width:200px" >
            <div class="box_skitter box_skitter_large" style="margin-left:152px;margin-top:34px">
                <ul>
                    <li><a href="#cube"><img src="images/1.jpg" class="cube" /></a><div class="label_text"><p>cube</p></div></li>
                    <li><a href="#cubeRandom"><img src="images/2.jpg" class="cubeRandom" /></a><div class="label_text"><p>cubeRandom</p></div></li>
                    <li><a href="#block"><img src="images/3.jpg" class="block" /></a><div class="label_text"><p>block</p></div></li>
                    <li><a href="#cubeStop"><img src="images/4.jpg" class="cubeStop" /></a><div class="label_text"><p>cubeStop</p></div></li>
                    <li><a href="#cubeHide"><img src="images/5.jpg" class="cubeHide" /></a><div class="label_text"><p>cubeHide</p></div></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>

要下载 js 和 css 文件并查看不同的过渡效果，请访问： http ://thiagosf.net/projects/jquery/skitter/

于 2012-10-19T10:08:12.760 回答