标签: slideshow

我需要构建一个图像管理器,允许用户构建一组照片/图像,然后给他们一个选项,将这些照片转换为单个EXE,在运行时,它会将目标PC上的照片/图像显示为全屏幻灯片放映.

是否可以为多个图像执行此操作？

搜索基于JQuery的旋转器只能找到原始的旋转器插件和一堆我不想要的照片库.请建议其他旋转器.旋转器应该能够旋转HTML而不仅仅是图像(就像Glimmer工具,它可以创建用于旋转图像的JQuery/HTML代码).

我想编写自己的幻灯片脚本,但最终结果是它会立即跳转到图像6并猛烈地闪烁(淡入淡出)...... HTML只是一个图像id ="ss1"的页面.

var i = 1;

$(document).ready(function(){
    slideShow();
});
var t;
function runSlideShow() {
    if(i >= 7) i = 1;
    $("#ss1").fadeTo("slow",0);
    document.getElementById('ss1').src = "img/" + i + ".jpg";
    $("#ss1").fadeTo("slow",1);
    i += 1;
    t = setTimeout(slideShow(), 5000);  
}

我偶然发现了这个网站:http://mantia.me/

他有一个很棒的徽标,可以对网站当前显示的内容作出反应,如果你在他的主页上等待徽标随图像的幻灯片放映而改变.我想知道是否有人知道如何复制效果.我猜这是一个透明的png,旋转主背景,然后网站分层,但我可能错了.

有关如何制作类似内容的任何猜测？

图片:

我有这个非常简单的jQuery幻灯片:http://jsfiddle.net/6zA4B/

HTML:

<div class="fadein">
<img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
<img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
<img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

JavaScript的:

?$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});?

它工作得很好,我只想用3个div替换3个img标签(所以我可以在图像下面加一个标题).如何修改脚本来实现呢？我试过这个,但可能我做错了......

HTML:

<div class="fadein">
    <p><img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">image1</p>
    <p><img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">image2</p>
    <p><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">image3</p>
</div>

JavaScript的:

$(function(){
    $('.fadein p:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('p').fadeIn().end().appendTo('.fadein');}, 3000);
});?

http://jsfiddle.net/S4SmM/1/:d

我找不到简单的jquery图像交换.我发现的大多数例子都比我需要的更复杂,做了我不想要的事情.

目标:我有5张想要淡入,幻灯片放映等的图像.我希望从一张图像淡入/淡化到另一张图像,但幻灯片也可以.当页面第一次加载时,我希望第一个图像显示4秒...然后淡入下一个图像,4秒,然后是下一个,等等.无限循环.

目前我的代码是一个简单的图像交换,不是很优雅:

document.getElementById("imgMain").src = "images/yurt/sleigh.png";

实现这一目标的最佳和最简单的方法是什么？

我正在使用cbpFWSlider,它似乎没有包含autoplay选项.我对Jquery很新,并且谷歌搜索到了天堂,但尚未找到解决方案.这是可以添加的东西吗？开源脚本在这里:http: //tympanus.net/codrops/2013/02/26/full-width-image-slider/

我正在使用daimajia/AndroidImageSlider库,我需要在没有PageIndicator的情况下显示我的图像.

我试过了 :

mImageSlider.setIndicatorVisibility(PagerIndicator.IndicatorVisibility.Invisible);

这消除了指示器中的点,然而,仍然保留了点所在的灰色矩形形状.

我需要摆脱灰色矩形区域,有解决方案吗？

我有一个更通用的编码问题.

App shazam使用非常酷的设计,您可以在其中滑动图像.我想知道他们最有可能用什么类型的技术来创建它？我有兴趣为Android和iOS开发类似的东西.

网上可能有这样的教程或示例代码吗？至于我所看到的,在iOS/Android中没有像这样的设计的"原生"支持？所有经验都非常感谢./ 问候

我可以用javascript创建自动幻灯片.但我不仅希望手动,而且需要按钮控制.

我添加了一些手动控制代码.然后幻灯片显示无法正常工作.这是自动幻灯片放映的代码.如何修改它以使用按钮.

var slideIndex = 0;
showSlides();

function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }
    slideIndex++;
    if (slideIndex> slides.length) {slideIndex = 1}    
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";  
    dots[slideIndex-1].className += " active";
    setTimeout(showSlides, 8000); // Change image every 8 seconds
}

#slide{
	width:96%;
	}
	
* {
	box-sizing: border-box
}

.mySlides …