转换Javascript图像旋转器以播放Youtube视频

转换Javascript图像旋转器以播放Youtube视频,javascript,jquery,html,youtube,Javascript,Jquery,Html,Youtube,我希望有人能对如何让javascript图像旋转器也能播放youtube视频提出一些建议。。。意思不是静态图片-播放视频,然后转到下一张图片。我没有创建这个旋转器的代码,我想我理解它是如何工作的——只是不能让我的头绕着它播放视频(如果可能的话)。创建网站的人似乎是从Dynamic Drive获得代码的。代码如下: var variableslide=new Array() //variableslide[x]=["path to image", "OPTIONAL link for image"

我希望有人能对如何让javascript图像旋转器也能播放youtube视频提出一些建议。。。意思不是静态图片-播放视频,然后转到下一张图片。我没有创建这个旋转器的代码,我想我理解它是如何工作的——只是不能让我的头绕着它播放视频(如果可能的话)。创建网站的人似乎是从Dynamic Drive获得代码的。代码如下:

var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]


//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='546px' //set to width of LARGEST image in your slideshow
var slideheight='400px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#000060'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=6000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</script>

<b>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
var variableslide=new Array()
//variableslide[x]=[“图像路径”、“图像可选链接”、“可选文本描述(支持HTML标记)”]
//配置以下3个变量以设置幻灯片的尺寸/背景颜色
var slidewidth='546px'//设置为幻灯片中最大图像的宽度
var slideheight='400px'//设置为幻灯片中最大图像的高度,以及任何文本描述
var slidebgcolor='#000060'
//配置以下变量以确定图像旋转之间的延迟(以毫秒为单位)
var slidedelay=6000
////不要编辑此行////////////////
var ie=document.all
var dom=document.getElementById

对于(i=0;i这只是我的观点,但您在问题中发布的代码充其量似乎是可疑的。我建议您完全尝试其他方法


我知道PrettyTo jQuery插件做了你想做的事情。我现在正在一个网站上使用它,用于一个既有照片又有视频的图库。

这只是我的观点,但你在问题中发布的代码充其量也有点可疑。我建议你完全尝试其他东西


我知道PrettyTo jQuery插件做了你想做的事情。我现在正在一个网站上使用它,用于一个既有照片又有视频的图库。

这些代码似乎来自上个世纪…(
等)是的-我想你是对的。我想我将研究另一个解决方案。这些代码似乎来自上个世纪。。。(
等)是的-我认为你是对的。我想我将研究另一种解决方案。