转换Javascript Image Rotator播放Youtube视频
问题描述:
我希望有人可能会对如何制作一个JavaScript图像旋转器播放YouTube视频以及...意义而不是静态图片 - 有一个视频播放,然后去下一张照片。我没有创建这个旋转器的代码,并认为我理解它是如何工作的 - 只是无法包装我的头,使它播放视频(如果它甚至可能)。创建该网站的人看起来已经从Dynamic Drive获得了代码。这里是代码:转换Javascript Image Rotator播放Youtube视频
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>
所以基本上你把图像添加到数组variableslide []。我所希望的是一种方式来添加一个youtube视频你的数组或通过其他方法...我相信有一种方法可以完成 - 但我不能似乎谷歌正确的事情,使这发生。有什么建议么???
答
这只是我的看法,但您发布在您的问题上的代码似乎充其量是可疑的。我建议完全尝试其他的东西。
我知道prettyphoto jQuery插件做你想要做的。我现在在一个网站上使用它,可以找到一个既有照片又有视频的画廊。 http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
该代码似乎是从上个世纪...(''等) –
ThiefMaster
2012-02-27 17:24:34
是的 - 我认为你是对的。我想我会考虑另一种解决方案。 – dingerkingh 2012-02-27 21:00:41