Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我可以创建一个包含flash文件和静态图像的javascript旋转木马吗?_Javascript_Flash_Carousel - Fatal编程技术网

我可以创建一个包含flash文件和静态图像的javascript旋转木马吗?

我可以创建一个包含flash文件和静态图像的javascript旋转木马吗?,javascript,flash,carousel,Javascript,Flash,Carousel,我想知道是否有可能在当前只包含stagic图像的javascript旋转木马中包含swf。我想做的是在旋转木马中加入一个flash动画 我想我有两个主要问题: 是否可以像图像一样循环浏览flash文件 我如何让javascript和flash进行交互,以便flash文件知道它是何时被选中的 如果有帮助,下面是我们正在使用的js: $(document).ready(function(){ var $looper = true; var timer; var curr

我想知道是否有可能在当前只包含stagic图像的javascript旋转木马中包含swf。我想做的是在旋转木马中加入一个flash动画

我想我有两个主要问题:

  • 是否可以像图像一样循环浏览flash文件
  • 我如何让javascript和flash进行交互,以便flash文件知道它是何时被选中的
如果有帮助,下面是我们正在使用的js:

$(document).ready(function(){

    var $looper = true;
    var timer;
    var currentSlide = 0;
    var cell = 0;
    var row = 1;

    var hCycles = 0;
    var aCycles = 0;

    //no. of full cycles
    var homecycles = 2;
    var aboutcycles = 2;

    //aboutSlide speed
    var fast = 1200;
    var slow = 4000;

    //hide homepage slides
    $('#slide2').fadeOut(0);
    $('#slide3').fadeOut(0);
    $('#slide4').fadeOut(0);
    $('#slide5').fadeOut(0);
    $('#slide6').fadeOut(0);    

    //hide about slides
    $('.a-slide1').fadeOut(0);
    $('.a-slide2').fadeOut(0);
    $('.a-slide3').fadeOut(0);
    $('.a-slide4').fadeOut(0);
    $('#slide-c1 .a-slide1').fadeIn(1200);

    runSlide(fast);

    function runSlide(x) {
        if ($('body').is('.about')) {
            setTimeout(function() {
                    aboutSlides();
                }, x);
            } else {
            if ($looper) {
                setTimeout(function() {
                    slideShow();    
                }, 4000);
            }
        }       

    }

    function slideShow() {
        if ($looper) {
            if (currentSlide++ < 6 && hCycles < homecycles) {
                $('#slide'+ currentSlide).fadeOut(1200);
                if (currentSlide == 6) {
                    $('#slide1').fadeIn(1200);
                    $('#slide-wrapper li').removeClass('active');
                    $('#btn1').addClass('active');
                    currentSlide = 0;
                    hCycles = hCycles+1;
                } else {
                    $('#slide'+ (currentSlide+1)).fadeIn(1200);
                    $('#slide-wrapper li').removeClass('active');
                    $('#btn'+ (currentSlide+1)).addClass('active');
                }
                runSlide();
            } else {
                $looper = false;
            }
        }
    };

    $('#slide-wrapper li').each(function(index) {
        $('#btn'+(index+1)).click(function(){
            $looper = false;
            $('.slide').fadeOut(1200);
            $('#slide'+ (index+1)).fadeIn(1200);
            $('#slide-wrapper li').removeClass('active');
            $(this).addClass('active');
        });
    });


    function aboutSlides() {
            if (cell++ < 3 && aCycles < aboutcycles) {
                if (cell == 3) {
                    if (row < 3) {
                        row = row+1;    
                    } else {
                        row = 1;
                        aCycles = aCycles+1;
                    }
                    var hide = (row-1);
                    if ((row-1) == 0) {hide = 3}
                    $('#slide-c1 .a-slide'+ hide).fadeOut(1200);
                    $('#slide-c1 .a-slide'+row).fadeIn(1200);
                    cell = 0;
                        runSlide(fast);
                } else {
                    $('#slide-c'+(cell+1)+' .a-slide'+ (row-1)).fadeOut(1200);
                    $('#slide-c'+(cell+1)+' .a-slide'+(row)).fadeIn(1200);
                    if (cell == 2) {
                        runSlide(slow);
                    } else {
                        runSlide(fast);
                    }
                }
            } else {
                // create the final strip
                $('#slide-c3 .a-slide3').fadeOut(1200);
                $('#slide-c3 .a-slide4').fadeIn(1200);  
            }
        }

});
$(文档).ready(函数(){
var$looper=true;
无功定时器;
var currentSlide=0;
var单元=0;
var行=1;
var-hCycles=0;
var-aCycles=0;
//完整周期数
var=2;
var aboutcycles=2;
//关于滑行速度
var fast=1200;
var慢=4000;
//隐藏主页幻灯片
$(#slide2')。淡出(0);
$(#slide3')。淡出(0);
$(#slide4')。淡出(0);
$(#slide5')。淡出(0);
$(#slide6')。淡出(0);
//隐藏幻灯片
$('.a-slide1')。淡出(0);
$('.a-slide2')。淡出(0);
$('.a-slide3')。淡出(0);
$('.a-slide4')。淡出(0);
$(#slide-c1.a-slide1').fadeIn(1200);
滑跑(快速);
函数运行幻灯片(x){
如果($('body').is('about')){
setTimeout(函数(){
关于滑块();
},x);
}否则{
如果($looper){
setTimeout(函数(){
幻灯片();
}, 4000);
}
}       
}
函数幻灯片(){
如果($looper){
如果(currentSlide++<6&&hCycles

谢谢

无论你想在幻灯片中放什么内容,都没有任何问题。只要它是有效的html,它就在幻灯片中有效。无数jquery/motools/etc插件允许您为内容指定任何内容。 闪存有效。
但您可能希望恢复到另一种显示方法。根据浏览器和flash版本的不同,通过javascript在swf上设置不透明度是复杂的,并且会产生不同的结果。如果您的flash文件是定制的,那么您可以创建一个将其淡入白色的函数,例如,并从javascript调用它。但根据经验,改变主权财富基金的不透明性会带来麻烦。
我不知道这是否是一个足够相关的答案,我想发布它作为一个评论,但没有任何评论按钮。哦,好吧