幻灯显示Javascript软件

免费的javascript (html)代码用于创建和播放你的幻灯片! 或者 在HTML页面中创建图片和图像幻灯显示的软件?

特点

  • 这个免费的java script代码用于创建图像、图片的幻灯显示。
  • 你可以把位于不同目录中的图像进行幻灯显示。
  • 选项有:下一张、前一张、开始和结束图像。
  • 仅需把代码复制到你的页面中,就可把图像进行幻灯显示。

预览

代码

Javascript 代码
<!--Script by hscripts.com-->
<!--Copyright of HIOXINDIA-->
<!--More scripts @ https://hscripts.com-->
<script type="text/javascript">
var width = 250;
var height = 100;
var imgAr1 = new Array();
var rImg1 = new Array();
imgAr1[0] = "slideshow-software/image-1.jpg";
imgAr1[1] = "slideshow-software/image-2.jpg";
</script>
<table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;"><img id=pic border=0></td></tr>
<tr><td><table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;"><tr><td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Next</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td>
<td align=center><a href="https://www.hscripts.com" style="color: blue; text-decoration: none; cursor:ponter; font-size: 13px;">Ã&copy;H</a>
<script type="text/javascript">
for(var j = 0; j < imgAr1.length; j++){
rImg1[j] = new Image();
rImg1[j].src = imgAr1[j];
}
document.onload = setting();
var slide;
function setting(){
slide = document.getElementById('pic');
slide.src = imgAr1[0];
slide.setAttribute("width",width);
slide.setAttribute("height",height);}
//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
if(picture < imgAr1.length-1){
picture=picture+1;
slide.src = imgAr1[picture];}}
function prev(){
if(picture > 0 )
{
picture=picture-1;
slide.src = imgAr1[picture];}}
function start(){
slide.src = imgAr1[0];
picture = 0;}
function end(){
slide.src = imgAr1[imgAr1.length-1];
picture = imgAr1.length-1}
</script>
<!--Script by hscripts.com-->

  • 发行日期 - 2011-06-23
  • 获得免费版本无版权链接只 $5/-
  • 关于脚本的定制或者任何脚本的开发,请联系我们, support@hscripts.com

用法

  • 要更改幻灯显示的尺寸,进入行,更改高度和宽度的值为你需要的像素尺寸即可。 2)路径来取代你的“dir1/image-1.jpg”和“dir1/image-2.jpg”价值的形象。您可以添加任何数量的幻灯片显示图像。 3)添加了imgAr1 [3],imgAr1 [4],imgAr1 [5]更多图片...等的补充形式。

牌照

  • 这javascript(如Java脚本拼错)/ HTML代码是GPL授权赋予
  • 即对那些谁使用它,因为它是免费使用.
  • 免费的,如果你的修改不会删除我们的版权信息和链接.
  • 详细许可证资料可在这里找到.
  • 你可以购买脚本如果你的要求不符合GPL的许可条款.