标签: slideshow

建议如何实现图像幻灯片/轮播?(iOS)

我刚刚开始使用iOS开发,我正在构建一个应用程序来帮助自己更快地学习.

我已经到了舞台,我已经确定了应用程序的所有基础知识,但现在我只想在我的视图控制器的顶部实现幻灯片,就像在国家公园应用程序和许多其他应用程序中找到的那样 - http ://wpuploads.appadvice.com/wp-content/uploads/2012/04/Nati2.jpg

任何建议或教程或解释的链接都会很棒.谢谢

iphone xcode objective-c slideshow ios

14
推荐指数
2
解决办法
3万
查看次数

基于Web的全屏幻灯片,带有视频元素

我想在全屏幕上开发基于HTML 5的幻灯片,其中包含图像和视频.当几分钟没有用户活动时,这将是我们的一个售货亭上的某种屏幕保护程序.我们已经在全屏幕上实现了基于图像的幻灯片放映,所以这没有问题,但现在我们想要添加视频自动播放功能,例如,让我们说这是屏幕保护程序内容的顺序

  • image.jpeg
  • image2.jpeg
  • videoclip.mp4
  • image3.jpeg
  • someothervide.mp4

在jquery脚本运行之后,我们希望连续运行这些文件并显示图像几秒钟或自动启动视频并在播放视频时移动到下一张幻灯片

有人可以建议如何做到这一点,如果有任何已经实现的jQuery插件,你可以提供链接吗?

jquery html5 slideshow html5-video

13
推荐指数
1
解决办法
3651
查看次数

如何在HTML中创建图像幻灯片?

我想在我的网站上制作图片幻灯片,这是我的代码

<head>
<script type="text/javascript">
    var image1 = new Image()
    image1.src = "images/pentagg.jpg"
    var image2 = new Image()
    image2.src = "images/promo.jpg"
</script>
</head>
<body>
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p>
    <script type="text/javascript">
            function slideit()
            {
                var step=1;
                document.images.slide.src = eval("image"+step+".src")
                if(step<2)
                    step++
                else
                    step=1
                setTimeout("slideit()",2500)
            }
            slideit()
    </script>
</body>
Run Code Online (Sandbox Code Playgroud)

为什么它不起作用?我把想要的图像放在图像文件夹中

javascript slideshow

13
推荐指数
2
解决办法
21万
查看次数

在开始幻灯片放映之前,JQuery是否等待页面完成加载?

我有一个带旋转标题图像的网站(你们都看过它们).我想做以下事情:

  1. 加载整个页面加上第一个标题图像
  2. 每隔x秒开始转换标题图像幻灯片,或者在下一个图像加载完毕后开始转换,以较晚者为准

我真的不需要一个真正做到这一点的例子.

javascript jquery slideshow preload

12
推荐指数
4
解决办法
10万
查看次数

ffmpeg图像到视频脚本任何人?

我想要拍摄一堆图像并制作视频幻灯片.会有一个应用程序,对吧?是的,看起来不少.问题是我希望幻灯片同步到一段音乐,而我看到的所有应用程序只允许您显示每张幻灯片一整秒的倍数.我希望它们以1.714285714秒的倍数显示,以适应140 bpm.

我见过的工具通常看起来很糟糕,所以推测这种事情可以用脚本来完成.但ffmpeg有很多选择......我希望有人会有一些接近的东西.

我将有大约100张幻灯片,那些必须显示3.428571428秒或我认为我可以简单显示两次.

media video ffmpeg image slideshow

11
推荐指数
2
解决办法
3万
查看次数

自定义Pandoc的Slidy CSS?

我正在使用惊人的Pandoc将Markdown转换为Slidy幻灯片格式.我想编辑Slidy CSS,但我不能为我的生活弄清楚CSS文件在哪里被使用.我在这里和那里找到了一堆slidy.css文件并尝试修改它们,但是Pandoc的Slidy输出永远不会改变.

有没有人知道OSX上默认的slidy.css在哪里?谢谢!

slideshow pandoc

11
推荐指数
2
解决办法
3069
查看次数

如何为包含大量代码的同事做演示?

我应该在我评估的网络框架上为我的同事做一个演示.这些人是开发人员,讨厌漫长而无聊的PowerPoint内容,所以我得到了很多小代码片段.我还整理了一个小样本应用程序.我的问题是,如何呈现代码以便人们可以关注?

我想到的一些事情:

  • 将代码放在PowerPoint幻灯片上,看起来非常糟糕,除非它是一个图像我无法使语法高亮显示工作.将我的代码放在图像中是一种痛苦,并且不能很好地扩展到不同的分辨率.
  • 我玩了S5 XHTML演示文稿格式并集成了JavaScript语法荧光笔.它有点笨重但可行(因为我不会使用他们的模板而忽略公司的CI用于演示,我会感到悲伤.甚至不要问......)
  • 我可以在观众面前整理一个剧本(笔记)和"现场代码".我不喜欢这么多因为它让我如此忙碌以至于在我写作的时候很难给出一个很好的解释.而且我也很有可能导致错误并让他们等待.
  • 截屏?但那时我不必在那里......也许是在叙述它?

那你会怎么做?

language-agnostic powerpoint presentation slideshow

10
推荐指数
1
解决办法
1700
查看次数

如何将S5演示文稿转换为PDF?

我正在使用reStructuredTextrst2s5来创建S5幻灯片演示文稿.这很棒,但我也希望以PDF格式进行演示.如何将S5转换为PDF?

S5是基于HTML的... S5功能之一是创建演示文稿的打印输出.因此,当我尝试从浏览器中使用PDF打印机时,我只是打印出来.我想要带有幻灯片的PDF,每页1张幻灯片以及原始演示文稿中的所有格式,颜色和字体大小.

pdf restructuredtext presentation slideshow

10
推荐指数
1
解决办法
2740
查看次数

bxslider如何制作像旋转木马这样的缩略图?

我使用这个滑块http://bxslider.com/examples/thumbnail-pager-1.它有效,但我有很多元素和缩略图不适合一行并移动到下一行.怎么可能像旋转木马那样做缩略图?我将非常感谢你的帮助.问候.

我的代码在这里[ http://jsfiddle.net/dmeX5/]

slideshow carousel bxslider

10
推荐指数
2
解决办法
2万
查看次数

CSS背景图片幻灯片

我是CSS和HTML的新手,但我正在学习绳索.现在,我的标题部分有一个背景图像,我试图把它变成幻灯片,在计时器上拖着3-4张图像.

我看过一些通过HTML使用图像的教程,但我设置的方式是将CSS属性background-image设置为我的图像.

如果这没有意义,这里是CSS

.global-header {
    min-height:600px;
    background-image: url("Assets/BGImages/head_sandwichman.jpg");
    background-size: cover;
    text-align: center;
}
Run Code Online (Sandbox Code Playgroud)

和HTML

<header class="container global-header">
    <div class="inner-w">
        <div class='rmm' data-menu-style = "minimal">
            <ul>
                <li><a href="index.html">HOME</a></li>
                <li><a href="menu.html">MENU</a></li>
                <li><a href="findus.html">FIND US</a></li>
                <li><a href="about.html">ABOUT</a></li> 
           </ul>
        </div>
    <div class="large-logo-wrap">
        <img src="Assets/Logos/Giadaslogoindexwhitebig.png" />
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助!

html css image slideshow

10
推荐指数
3
解决办法
7万
查看次数