0 
    <script type="text/javascript">

            jQuery(function ($) {

                $.supersized({

                    // Functionality
                    slide_interval: 5000,       // Length between transitions
                    transition: 1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                    transition_speed: 700,      // Speed of transition

                    // Components                           
                    slide_links: 'blank',   // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                    slides: [           // Slideshow Images
                                                        { image: 'http://farm9.staticflickr.com/8080/8339311971_cb6706842b_h.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'http://farm9.staticflickr.com/8080/8339311971_cb6706842b_h.jpg', url: 'http://farm9.staticflickr.com/8080/8339311971_cb6706842b_h.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8345/8208481483_fc6b1bdf7d_h.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'http://farm9.staticflickr.com/8345/8208481483_fc6b1bdf7d_h.jpg', url: 'http://farm9.staticflickr.com/8345/8208481483_fc6b1bdf7d_h.jpg' },
                                                        { image: 'http://farm8.staticflickr.com/7055/6866255833_cf22b71843_b.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'http://farm8.staticflickr.com/7055/6866255833_cf22b71843_b.jpg', url: 'http://farm8.staticflickr.com/7055/6866255833_cf22b71843_b.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8487/8185988415_62ca8175e9_h.jpg', title: 'Image Credit: Colin Wojno', thumb: 'http://farm9.staticflickr.com/8487/8185988415_62ca8175e9_h.jpg', url: 'http://farm9.staticflickr.com/8487/8185988415_62ca8175e9_h.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8079/8340357550_397f7e09e3_h.jpg', title: 'Image Credit: Colin Wojno', thumb: 'http://farm9.staticflickr.com/8079/8340357550_397f7e09e3_h.jpg', url: 'http://farm9.staticflickr.com/8079/8340357550_397f7e09e3_h.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8490/8187033496_cf9587943c_h.jpg', title: 'Image Credit: Colin Wojno', thumb: 'http://farm9.staticflickr.com/8490/8187033496_cf9587943c_h.jpg', url: 'http://farm9.staticflickr.com/8490/8187033496_cf9587943c_h.jpg' },
                                                        { image: 'http://farm7.staticflickr.com/6002/5923622568_46d8e065cc_b.jpg', title: 'Image Credit: Brooke Shaden', thumb: 'http://farm7.staticflickr.com/6002/5923622568_46d8e065cc_b.jpg', url: 'http://farm7.staticflickr.com/6002/5923622568_46d8e065cc_b.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8502/8339293377_a1574a28be_h.jpg', title: 'Image Credit: Brooke Shaden', thumb: 'http://farm9.staticflickr.com/8502/8339293377_a1574a28be_h.jpg', url: 'http://farm9.staticflickr.com/8502/8339293377_a1574a28be_h.jpg' },
                                                        { image: 'http://farm9.staticflickr.com/8497/8339319687_629c824dc1_h.jpg', title: 'Image Credit: Brooke Shaden', thumb: 'http://farm9.staticflickr.com/8497/8339319687_629c824dc1_h.jpg', url: 'http://farm9.staticflickr.com/8497/8339319687_629c824dc1_h.jpg' }
                    ]

                });
            });

        </script>

<script>

    $(document).ready(function () {
        function loop(){
      $("#p1").delay("1000").fadeIn("slow");
      $("#p2").delay("1000").fadeIn("slow");
      $("#p1").delay("3000").fadeOut("slow");
      $("#p2").delay("3000").fadeOut("slow");
      $("#p3").delay("6000").fadeIn("slow");
      $("#p3").delay("3000").fadeOut("slow");
      $("#p4").delay("12000").fadeIn("slow");
      $("#p4").delay("3000").fadeOut("slow");
      $("#p5").delay("18000").fadeIn("slow");
      $("#p5").delay("3000").fadeOut("slow");
      $("#p6").delay("24000").fadeIn("slow");
      $("#p6").delay("3000").fadeOut("slow");
      $("#p7").delay("30000").fadeIn("slow");
      $("#p7").delay("3000").fadeOut("slow");
      $("#p8").delay("35000").fadeIn("slow");
      $("#p8").delay("3000").fadeOut("slow");
      $("#p9").delay("41000").fadeIn("slow");
      $("#p9").delay("3000").fadeOut("slow");
      $("#p10").delay("46000").fadeIn("slow");
      $("#p10").delay("4084").fadeOut("slow",loop);
        }
        loop();
    });


</script>

好的，伙计们，问题来了。我有一个完整的背景幻灯片，我想与屏幕上出现的一些文本同步。如您所见，此文本由“p”fadeIns 表示。我的问题是，我目前确保文本始终出现在正确背景幻灯片上的方法只是延迟最后一张图像，这不太理想，因为它不同步。我很感激有人告诉我可以做到这一点的更好方法：DI 认为我们可以告诉 fadeIn 函数在第一个背景图像出现在屏幕上时立即激活，但不确定如何执行此操作。

4

1 回答 1

0

理想情况下，您应该将代码淡入主题的函数theme.beforeAnimation()中，如果您使用默认主题（快门）检查文件 supersized.shutter.js 并搜索 'beforeAnimation : function(direction){' .

另一种（丑陋的）方式可能是：

编辑： 首先确保您使用的是未缩小的模板版本：在您的 html 的头部，您会发现：

<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

用。。。来代替：

<script type="text/javascript" src="theme/supersized.shutter.js"></script>

然后编辑 supersized.shutter.js 文件并在 beforeAnimation() 函数中添加以下行（第 239 行）

$('[id^="p"]').fadeOut(); 
$('#p' + (vars.current_slide + 1)).delay(500).fadeIn("slow");

因为我不知道你的 html 怎么样，所以我隐藏了所有 id 以 'p' 开头的元素，最好改进这个选择器 $('[id^="p"]').fadeOut(); . 这就对了。

希望能帮助到你。

于 2013-02-01T18:17:02.247 回答