带有隐藏/取消隐藏选项的Javascript图像滑块

带有隐藏/取消隐藏选项的Javascript图像滑块,javascript,text,gallery,overlay,Javascript,Text,Gallery,Overlay,我正在尝试查找此网站上使用的图像库的javascript: 有人能告诉我这个javascript库的名称吗?我不太擅长javascript。我使用基本的html和css,但我可以按照教程安装javascript库,而且我以前也这样做过。我已经在其中一个网站上安装了lightbox 非常感谢您的帮助。有许多不同的选择,但它们通常被称为类似于“灯箱”的东西 例如:图像库名称:未定义 未定义的字面意义上,似乎该网站有他们的自定义图像库代码,这里是它(请注意许可证问题) newsArray=newar

我正在尝试查找此网站上使用的图像库的javascript:

有人能告诉我这个javascript库的名称吗?我不太擅长javascript。我使用基本的html和css,但我可以按照教程安装javascript库,而且我以前也这样做过。我已经在其中一个网站上安装了lightbox


非常感谢您的帮助。

有许多不同的选择,但它们通常被称为类似于“灯箱”的东西 例如:

图像库名称:未定义 未定义的字面意义上,似乎该网站有他们的自定义图像库代码,这里是它(请注意许可证问题)

newsArray=newarray()
新闻数组[0]=“”;
新闻数组[1]=“”;
新闻数组[2]=“”;
新闻数组[3]=“”;
新闻数组[4]=“”;
新闻数组[5]=“”;
新闻数组[6]=“”;
新闻数组[7]=“”;
新闻数组[8]=“”;
新闻数组[9]=“”;
新闻数组[10]=“”;
新闻数组[11]=“”;
新闻数组[12]=“”;
新闻数组[13]=“”;
txt=1
功能fadeNews(步骤)
{
如果(步骤=0)
{
如果(IE的类型=='boolean')
{
document.getElementById('news').style.filter='Alpha(不透明度='+步骤*10+');
} 
其他的
{      
document.getElementById('news').style.opacity=(步骤/10);
}
步骤--;
下一步=步骤;
setTimeout('fadenewout(下一个)'10)
}
其他的
{
文本++
如果(txt>=14)
{
txt=0
}
document.getElementById('news').innerHTML=newsArray[txt]
setTimeout('fadeNews(1)'100)
}
}

代码在第页,自定义解决方案有问题。。。这不是一个很好的解决方案。。。有很多更好的javascript/jquery幻灯片…对于画廊来说,这是一个糟糕的解决方案,你应该先用谷歌搜索一些好的。。或者只使用github进行开源项目检查这个:(纯javascript)
newsArray = new Array()
newsArray[0] = "<img src='images/homeSlide/1.jpg'>";
newsArray[1] = "<img src='images/homeSlide/2.jpg'>";                                       
newsArray[2] = "<img src='images/homeSlide/4.jpg'>";
newsArray[3] = "<img src='images/homeSlide/5.jpg'>";
newsArray[4] = "<img src='images/homeSlide/6.jpg'>";
newsArray[5] = "<img src='images/homeSlide/7.jpg'>";                                       
newsArray[6] = "<img src='images/homeSlide/8.jpg'>";
newsArray[7] = "<img src='images/homeSlide/9.jpg'>";
newsArray[8] = "<img src='images/homeSlide/10.jpg'>";
newsArray[9] = "<img src='images/homeSlide/11.jpg'>";
newsArray[10] = "<img src='images/homeSlide/12.jpg'>";
newsArray[11] = "<img src='images/homeSlide/13.jpg'>";
newsArray[12] = "<img src='images/homeSlide/14.jpg'>";
newsArray[13] = "<img src='images/homeSlide/15.jpg'>";
txt = 1

function fadeNews(step)
    {
        if(step <= 10)
            {
              if ( typeof IE == 'boolean' ) 
                  {
                      document.getElementById('news').style.filter = 'Alpha(Opacity=' + step * 10 + ')';    
                  } 
              else 
                  {      
                      document.getElementById('news').style.opacity = ( step / 10 );
                  }
              step++;
              next = step;
              setTimeout('fadeNews(next)',10)
            }
        else
            {
                setTimeout('fadeNewsOut(10)',6000)
            }
    }

function fadeNewsOut(step)
    {
        if(step >= 0)
            {
              if ( typeof IE == 'boolean' ) 
                  {
                      document.getElementById('news').style.filter = 'Alpha(Opacity=' + step * 10 + ')';    
                  } 
              else 
                  {      
                      document.getElementById('news').style.opacity = ( step / 10 );
                  }
              step--;
              next = step;
              setTimeout('fadeNewsOut(next)',10)
            }
        else
            {
                txt++
                if(txt >= 14)
                    {
                        txt = 0
                    }
                document.getElementById('news').innerHTML = newsArray[txt]
                setTimeout('fadeNews(1)',100)
            }
    }