javascript幻灯片显示在同一页面上的链接

时间:2013-04-16 12:32:38

标签: javascript hyperlink

我刚刚从Google复制了JavaScript代码,我不知道如何制作将在当前页面上打开的超链接。

以下是我在页面的<head>部分插入的代码。     

var slideimages = new Array()
var slidelinks = new Array()

function slideshowimages() {
    for (i = 0; i < slideshowimages.arguments.length; i++) {
        slideimages[i] = new Image()
        slideimages[i].src = slideshowimages.arguments[i]
    }
}

function slideshowlinks() {
    for (i = 0; i < slideshowlinks.arguments.length; i++)
    slidelinks[i] = slideshowlinks.arguments[i]
}

function gotoshow() {
    if (!window.winslide || winslide.closed) winslide = window.open(slidelinks[whichlink])
    else winslide.location = slidelinks[whichlink]
    winslide.focus()
}

这是我插入正文部分的代码:

<script>
<!--

slideshowimages("main.PNG", "mainhover.PNG")
slideshowlinks('index.php', '_self')

//configure the speed of the slideshow, in miliseconds

var slideshowspeed = 2500

var whichlink = 0
var whichimage = 0

function slideit() {
    if (!document.images) return
    document.images.slide.src = slideimages[whichimage].src
    whichlink = whichimage
    if (whichimage < slideimages.length - 1) whichimage++
    else whichimage = 0
    setTimeout("slideit()", slideshowspeed)
}
slideit()
slideit()

//-->
</script>

每当我点击图片时,index.php页面总会出现在新标签页上, 有一个简单的方法,以便index.php页面可以在同一页面上打开? 我对JavaScript一无所知。

1 个答案:

答案 0 :(得分:0)

查看HTML将有助于理解该问题,但此代码

if (!window.winslide || winslide.closed) winslide = window.open(slidelinks[whichlink])
else winslide.location = slidelinks[whichlink]
winslide.focus()

基本上告诉我,如果这是您第一次运行它,那么打开一个新窗口(window.open(slidelinks[whichlink]),例如Chrome将用于打开新标签页

否则,如果它已经创建,请将该窗口的位置更改为幻灯片URL(else winslide.location = slidelinks[whichlink],例如它设计为在新窗口中运行

要更改它,您需要将window.open替换为可在iframe上运行的内容。

我不确定打开新窗口的目的是什么,但这就是代码的作用

另一方面,我不确定您是否找到了运行基于HTML幻灯片的最佳代码段。如果您想要现代幻灯片,我会尝试类似http://lab.hakim.se/reveal-js/

的内容