0

我正在寻找专门用于附加到 css 的文本的幻灯片放映/不断播放/但带有“后退”、“停止”和“前进”按钮的图像文件。

我已经搜索了 3 天来寻找一些实用的幻灯片放映内容,这些内容可能只适用于文本场景。我发现主要是 javascript 幻灯片放映,主要用于图像,我没有足够的经验来修改它们以附加到 css 的文本。

我目前坚持的场景是 div css 溢出中的 4 段......不会像苦行僧一样飞行,也不会对我的目标受众有吸引力。

* *我希望拥有的场景是 * 4 个段落(ss 中有 4 层,最好是 DIV 标签,这样我可以在外部样式表上添加 css) * 让幻灯片永久播放 * 左侧的图像文件右侧用于“后退”和“前进”按钮。* 底部的图像文件用于“停止”按钮 *

如果有人可以给我一个功能代码并教育我在 HTML 中的何处插入代码的每个部分,我将不胜感激,我从星期四开始就一直在搜索,而星期六早上我仍在寻找!

哦,是的,我想我可以在烟花中做到这一点,但我看到的唯一选择是 FLASH,我不想走那条路。我刚刚下载了 adobe EDGE,也许我对此进行了实验……我希望有类似的 JavaScript,谢谢!

4

1 回答 1

0

请检查此链接,http://bxslider.com/。然后这个http://bxslider.com/examples/auto-show-start-stop-controls。我想这就是你需要的吗?创建以下html:

<div id="slider1">
  <div>Slide one content</div>
  <div>Slide two content</div>
  <div>Slide three content</div>
  <div>And so on...</div>
</div>

然后在你的html头旁边添加:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider({
      auto: true,
      autoControls: true
    });
  });
</script>
于 2012-05-12T18:12:12.970 回答