Académique Documents
Professionnel Documents
Culture Documents
<!-- Set the width and height of the slideshow inside the table below. Make sure to set the height of the
table about 30 (pixels) higher than the actual height of your images. That ensures that there is enough
room for your comments -->
<script>
// CREDITS:
// By Peter Gehrig
// Copyright (c) 2010 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// IMPORTANT:
///////////////////////////////////////////////////////////////////////////
slideurl[0]="imggum1282.jpg"
slideurl[1]="imggum2282.jpg"
slideurl[2]="imggum3282.jpg"
// If you don't want to link a slide type "#" instead (see middle-sample below)
slidelink[0]="http://www.petergehrig.ch/plu/index_plu.html"
slidelink[1]="#"
slidelink[2]="http://www.fabulant.com/downloadcenter/benchjs/benchs.html"
// Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame
slidetarget[0]="_blank"
slidetarget[1]="_blank"
slidetarget[2]="_top"
slidecomment[1]="Welcome in Switzerland!"
var slidefontcolor="black"
var slidefontsize=5
var slidewidth=400
var slideheight=60
var pause=3
///////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
for (i=0;i<=slideurl.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=slideurl[i]
var pos_left=0
var pos_top=0
var speed=20
var step=10
var i_loop=0
var i_image1=0
var i_image2=1
var i_space=""
var all_space=""
var max_space=20
var content=""
var i_slide=0
pause*=1000
function stretchimage() {
if (i_loop<=slidewidth) {
if (ie) {
imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"'
target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"'
src='"+slideurl[i_image1]+"' border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"'
target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"'
src='"+slideurl[i_image2]+"' border='0'></a>"
if (ns6) {
document.getElementById('imgcontainer1').innerHTML="<a
href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"'
height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer
1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML="<a
href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"'
height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
else {
clearTimeout(timer)
if (ie) {
imgcontainer1.innerHTML=imgcontent
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML=""
if (ns6) {
document.getElementById('imgcontainer1').innerHTML=imgcontent
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer
1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML=""
changeimage()
function changeimage() {
i_loop=0
i_image1++
if (i_image1>slideurl.length-1) {i_image1=0}
i_image2=i_image1-1
if (i_image2>slideurl.length-1) {i_image2=0}
if (i_image2<0) {i_image2=slideurl.length-1}
if (ie) {
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
if (ns6) {
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer
2').style.left)
var timer=setTimeout("stretchimage()",pause)
function simpleslideshow() {
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
document.slideimage.src=preloadedimages[i_slide].src
simpleslideshowcomment()
var fadetimer=setTimeout("simpleslideshow()",pause)
function simpleslideshowcomment() {
if (i_space>=0){
all_space=""
content=""
for (i=0;i<i_space;i++) {
all_space+=" "
for (i=0;i<slidecomment[i_slide].length;i++) {
var thisletter=slidecomment[i_slide].substring(i,i+1)
thisletter=thisletter+all_space
content+=thisletter
window.status=content
i_space--
var fadetimer=setTimeout("simpleslideshowcomment()",20)
else {
clearTimeout(fadetimer)
i_space=max_space
function simpleslideshowjump() {
if (slidetarget[i_slide]=="_self") {
document.location.href=slidelink[i_slide]
else if (slidetarget[i_slide]=="_blank") {
codepopup=window.open(slidelink[i_slide], "code",
"status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,t
op=10,left=10");
else if (slidetarget[i_slide]=="_top") {
top.location.href=slidelink[i_slide]
else if (slidetarget[i_slide]=="_parent") {
parent.location.href=slidelink[i_slide]
else {
var jumpto=eval("parent."+slidetarget[i_slide])
jumpto.location.href=slidelink[i_slide]
if (ie || ns6) {
var slideh=slideheight+30
document.write("<div
style=\"position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden\">")
document.write("<div id=\"imgcontainer1\"
style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img
src=\""+slideurl[0]+"\"></div>")
document.write("<div id=\"imgcontainer2\"
style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img
src=\""+slideurl[1]+"\"></div>")
document.write("</div>")
window.onload=stretchimage
}
else {
window.onload=simpleslideshow
</script>
</td></tr></table>