标签: slideshow

我即将到来的婚礼网站(www.hilaryandmatthew.com)有一个非常漂亮的JQuery幻灯片(由www.dynamicdrive.com提供)

我希望我能尽快得到一些帮助,在发出邀请函之前,我真的希望我的网站看起来很清晰.我对jQuery一无所知.因此,我遇到了复制和粘贴开源代码的陷阱.

我尝试在IE8中加载页面时收到此错误:

消息:'imagearray [...].0'为空或不是对象行:39字符:3代码:0 URI:http://www.hilaryandmatthew.com/includes/slideshow/fadeslideshow.js

这是我的图像数组的代码,它传递给函数'fadeSlideShow(settingarg)'

<script type="text/javascript">

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [267, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
                ["images/ss1.jpg", "", "", ""],
                ["images/ss2.jpg", "", "", ""],
                ["images/ss3.jpg", "", "", ""],
                ["images/ss4.jpg", "", "", ""],
                ["images/ss5.jpg", "", "", ""],
                ["images/ss6.jpg", "", "", ""],
                ["images/ss7.jpg", "", "", ""],
                ["images/ss9.jpg", "", "", ""],
                ["images/ss10.jpg", "", "", ""],
                ["images/ss11.jpg", "", "", …

我有jQuery Skitter Slideshow的问题.它不起作用!
我在浏览器的元素检查器中发现了一个错误:
Uncaught TypeError: Object [object Object] has no method 'skitter'

测试在这里:[模糊]
问题是什么？

我正在尝试使用Jquery制作幻灯片,图片由一个每5.5秒调用一次的函数循环.但是,我试图避免递归,因为与迭代调用相比它非常昂贵.我假设这是IE加载幻灯片时无法停止加载图标的原因.所以我想将以下函数转换为迭代函数.

function playslides()
{

//hide previous slide
$(document.getElementById(t)).fadeOut("slow");


//reset slide index
calcSildes();

//show new slide
$(document.getElementById(t)).fadeIn("slow");

//recursive call after 5.5 sec
timer = setTimeout("playslides()", 5500);

}


//on page load...

$(document).ready(

playslides();

);

到目前为止,我的两种方法是:

1. 在$(document).ready()函数内创建一个while循环,并循环播放playlides()函数.

2. 创建另一个调用playslides()函数的计时器函数,并让playlides函数调用该计时器函数.(不确定这是否可以避免递归......)

谢谢!!

我正在使用Slidesjs在我的网站上使用简单的滚动条.但是,我无法隐藏显示1和2个子弹点的分页.

该项目的链接是www.barterscloset.com

我试图在css和Jquery.hide函数中隐藏它.

提前致谢!

我有这个大图像显示,在底部我有小图像,我希望大图像到我正在盘旋的图像,如果可能的话.谢谢.
这是我的代码.

<div class="wrapper">
    <div class="inner">
        <img src="img/1.png" alt="image 1">
    </div>
    <ul class="small">
        <li> <img src="img/1.png" alt="image 2"> </li>
        <li> <img src="img/2.png" alt="image 2"> </li>
        <li> <img src="img/3.png" alt="image 2"> </li>
        <li> <img src="img/4.png" alt="image 2"> </li>
        <li> <img src="img/5.png" alt="image 2"> </li>
    </ul>
</div>

这是我的jquery但不起作用.

<script type="text/javascript">
$(document).ready(function() {
        $('.small').hover(function() {
            $('.inner img').attr('src' = '.small img src')
        });
});
</script>

HTML代码

<div class="flexslider carousel mtop20">
    <ul class="slides col-md-12" id="div_portion">
    </ul>
</div>

jQuery 代码

在这里，我在 flexslider 中动态附加了 div。它附加成功但禁用了下一个和上一个按钮。

$div = "<li> Content here </li>";
$("#div_portion").append($div);
slider = $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth : 210,
    itemMargin: 5,
    minItems: 1
  });

我的问题是如何以正确的工作模式在 flexslider 中动态添加 div？

感谢帮助。

我有这个代码,但我不知道如何使它,以便每次单击一个按钮,它关闭已经打开的另一个div.jquery新手!

HTML:
    <p class="profile-name">Name</p><br>
                <p class="profile-title">Documentation Officer</p><br>
                <button id="button-g" class="bio-button">Bio</button><br>
                <a class="profile-email" href="mailto:email@test.com">email@test.com</a>
                <div class="toggler">
                  <div id="effect-g" class="profile-bio">
                      <p>Bio information. Bio Information</p>
                  </div>
                </div>

JQUERY:

<script>
  $(function() {
    $( "#button-a" ).click(function() {
      $( "#effect-a" ).slideToggle( "visible");
    });
    $( "#button-b" ).click(function() {
      $( "#effect-b" ).slideToggle( "visible");
    });
    $( "#button-c" ).click(function() {
      $( "#effect-c" ).slideToggle( "visible");
        $("#button-b").hide();
    });
    $( "#button-d" ).click(function() {
      $( "#effect-d" ).slideToggle( "visible");
    });
    $( "#button-e" ).click(function() {
      $( "#effect-e" ).slideToggle( "visible");
    });
    $( "#button-f" ).click(function() {
      $( "#effect-f" …

我有一组图像，我尝试从中创建幻灯片。在这个网站上，我找到了以下命令：

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

我让它工作正常。但在我的情况下，我需要让每个图像显示不同的时间段。我怎样才能做到这一点？

我在这里使用 w3schools 示例：https://www.w3schools.com/howto/howto_js_slideshow.asp，但是当我尝试添加第二个幻灯片时，它不会出现，直到我通过第一个。IE 一次只打开一个幻灯片。如何让多个幻灯片（至少 4 个）同时可见和可用？

所以我一直在尝试实施 W3Schools 网站上的幻灯片有一段时间了。( https://www.w3schools.com/howto/howto_js_slideshow.asp )

我已经让它工作了，但第一张图片没有加载。只有当我单击左/右按钮或单选按钮时，图像才会显示。

我将附上我的意思的屏幕截图。

我认为这可能是 display:none; 的问题。但肯定改变这意味着您可以同时加载所有图像。

编辑：代码：

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {
    slideIndex = 1
  }
  if (n < 1) {
    slideIndex = slides.length
  }
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  for (i = 0; i < …