标签: slideshow

ffmpeg -r 1/5 -start_number 2 -i img%03d.png -c:v libx264 -r 30 -pix_fmt yuv420p out.mp4

这条线工作正常,但我想从另一个文件夹中的图像创建一个视频文件.我的文件夹中的图像名称是:

img001.jpg
img002.jpg
img003.jpg
...

我怎么能从不同的文件夹输入图像文件？例:C:\mypics

我尝试了这个命令,但只ffmpeg生成了带有第一个图像(img001.jpg)的视频.

ffmpeg -r 1/5 -start_number 0 -i C:\myimages\img%03d.png -c:v libx264 -r 30 -pix_fmt yuv420p out.mp4

在哪里可以找到一个简单的jquery图像幻灯片教程,从头开始(没有插件)没有左右导航按钮的初学者？

谢谢.

我们中的一些人可能不想使用现成的插件,因为它们的大小很大,并且可能与当前的javascript产生冲突.

之前我使用的是轻型滑块插件,但是当客户进行模块化修改时,它变得非常难以操作.然后我的目标是建立我的容易定制它.我相信滑块从一开始就不应该那么复杂.

构建jQuery图像滑块的简单而干净的方法是什么？

您可以通过运行以下命令在活动的html设置中显示Jupyter笔记本:

$ jupyter nbconvert untitled.ipynb --to slides --post serve

有没有办法以相同的幻灯片格式运行笔记本,以便允许您的单元格的实时演示/执行？

我遇到了一个有趣的问题.我很确定答案非常简单,但我无法理解,所以我想我寻求一些帮助.

基本上,我的旋转木马不会滑动.它只是切换图像.我甚至尝试将确切的HTML从引导站点复制到我自己的页面中,但它仍然没有滑动.在application.js中,初始化也没有参数.

// carousel demo
$('#myCarousel').carousel()

我注意到单击pref/next按钮时会将next和prev类添加到每个项目中,但它似乎对我的内容没有做同样的事情.调试时我没有看到任何错误.

我错过了什么？我在最新的Chrome和Safari中测试了这个.

我已经创建了一个在Google Chrome和Firefox中运行良好的网站,但是当我在Internet Explorer中运行它时,我遇到了问题.

所以,我的索引页面上有2个幻灯片,但只有一个应该以特定的屏幕分辨率显示.我创建了一些媒体查询,所以我可以设置一个display:none;我不需要的幻灯片.并使我再次出现,display:initial;但Internet Explorer不支持该命令.

我需要一种方法来显示我display:none;在Internet Explorer 中看不到的内容.

PS:使用visibility:hidden;不是一种选择,因为它不应该保留空间.

如果你能帮助我,请回复.如果你不能,我还是感谢你读这篇文章.

这是代码的来源; 它可能会有所帮助(我不确定如何正确发布,抱歉):

<section id="containerGrotePage">
    <div id="page">
    <ul id="slider">
        <li><img src="images/slideshow/image2.jpg" alt="slideshow foto 1" /></li>
        <li><img src="images/slideshow/image1.jpg" alt="slideshow foto 2" /></li>
        <li><img src="images/slideshow/image3.jpg" alt="slideshow foto 3" /></li>
        <li><img src="images/slideshow/image4.jpg" alt="slideshow foto 4" /></li>
    </ul>
</div>
</section>

<div id="pageKlein">
    <ul id="sliderKlein">
        <li id="kleineSlideLi">
            <img id="fotoslideshowKlein" src="images/slideshow/image1.jpg" alt="slideshow foto 1" />
        </li>
    </ul>
<button onclick="slideshowKlein()" id="indexkleineSlideshowKnop">volgende</button>
</div>

这是我在最小的屏幕上做的:

#containerGrotePage{
display:none;
}
#page{
display:none;
}       
#kleineSlideLi{ …

我用php和javascript制作了一个幻灯片,它可以很好地滑动图像,但是我有点卡在后面和前面的功能上,如果你能在这里帮助我,我将不胜感激.这就是我所做的至今:

PHP:

$dir = 'images/slideshow';
$images = scandir($dir);
$i = 0;

echo '<div id="slideshow-wrapper">';    
echo '<div id="slideshow-beta">';

foreach($images as $img){
    if ($img != '.' && $img != '..') {
        $i++;
        echo '<img src="../images/slideshow/'.$img.'" class="img_'.$i.'">';
    }
}

echo '</div>';
echo '<div id="slideshow-controller">'; 
echo '<div class="left-arrow-div"><span class="left-arrow"  onclick="SlideShow(-1);"></span></div>';
echo '<div class="right-arrow-div"><span class="right-arrow"  onclick="SlideShow(1);"></span></div>';
echo '</div>';
echo '</div>';

使用Javascript:

var i=1;
var begin=true;
function SlideShow(x){
    if(x==-1){
        i--;
    }else if(x==1){
        i++;
    }
    var total=$('#slideshow-beta img').length;

        for(var j=1;j<=total;j++){
            if($('.img_'+j).css('display')!='none'){
                begin=false;
                break;
            }else{
                begin=true;
            }
        } …

在我的JS图像滑块(Owl-Carousel)中,图像具有不同的尺寸:

http://goo.gl/KmpX2P

您可以看到图像高度在旋转木马内变化.如何在保持旋转木马响应的同时使其保持恒定？我需要图像一直填充滑块空间,因此有些必须通过CSS以某种方式裁剪.期望的结果如下所示:

一段时间以来,我一直在努力实现一个仅限CSS的幻灯片,一个会:

1. 提供前进和后退导航.
2. 不修改导航历史记录.
3. 为内容的移动指明明确的方向.
4. 尽可能多地使用浏览器.

我遇到的大多数其他CSS幻灯片都没有勾选所有这些框.

值得庆幸的是,我花了这么长时间以来,浏览器本身已经改进了无端,现在实际上已经非常广泛,尽管有一些"现代"的CSS主义.为了防止其他人对我有用,我想我会在这里发布.

那么如何使用CSS和以下标记创建可导航的幻灯片？

<ul class="css-slider">
  <li class="slide"><img src="photos/a.jpg" /></li>
  <li class="slide"><img src="photos/b.jpg" /></li>
  <li class="slide"><img src="photos/c.jpg" /></li>
  <li class="slide"><img src="photos/d.jpg" /></li>
  <li class="slide"><img src="photos/e.jpg" /></li>
</ul>

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

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

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