|
|
Autori: Peter Gehrig and Urs Dudli, www.24fun.com modified and explained from www.webmasterpaolo.com
Questa Javascript è un'ottima galleria fotografica corredata da commento della foto sopra di essa ed un link dalla foto ad un'altra pagina o sito,
RITORNA ALLA PAGINA DELLE JAVASCRIPT
Lo script da inserire in html
<SCRIPT>
var i_mes=0
var slide=new Array()
var message=new Array()
var messagelink=new Array()
var linktarget=new Array()
var fnt=new Array()
var fntsize=new Array()
var fntcolor=new Array()
var timer
var layout=4
slide[i_mes]="images/contrin000.jpg"
message[i_mes]="Galleria fotografica Contrin 2002"
messagelink[i_mes]="http://www.anamilano.it"
linktarget[i_mes]="_blank"
fnt[i_mes]="Verdana"
fntsize[i_mes]="10"
fntcolor[i_mes]="FF0000"
i_mes++
slide[i_mes]="images/contrin001.jpg"
message[i_mes]="Al centro il Presidente Beppe Parazzini"
messagelink[i_mes]="http://www.anamilano.it"
linktarget[i_mes]="_blank"
fnt[i_mes]="Verdana"
fntsize[i_mes]="10"
fntcolor[i_mes]="FF0000"
i_mes++
slide[i_mes]="images/contrin002.jpg"
message[i_mes]="Sfila per Contrin il Labaro Nazionale"
messagelink[i_mes]="http://www.anamilano.it"
linktarget[i_mes]="_top"
fnt[i_mes]="Verdana"
fntsize[i_mes]="10"
fntcolor[i_mes]="FF0000"
i_mes++
slide[i_mes]="images/contrin003.jpg"
message[i_mes]="Le corone e i Gagliardetti"
messagelink[i_mes]="http://www.anamilano.it"
linktarget[i_mes]="_top"
fnt[i_mes]="Verdana"
fntsize[i_mes]="10"
fntcolor[i_mes]="FF0000"
i_mes++
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
if (ns6 || ns4) {
var imgpreload=new Array()
for (i=0;i<=slide.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=slide[i]
}
}
// standstill between the messages (microseconds)
var standstill=5000
var playmodus=true
// width of the ticker
var slidewidth=238
// height of the ticker
var slideheight=156
// height of the ticker
var slideshowheight=slideheight+40
// is the text underlined or note
var textdeco="none"
var speed=20
var i_substring=0
var i_presubstring=0
var i_message=0
var slideshowcontent=""
function gostop() {
clearTimeout(timer)
playmodus=false
}
function goplay() {
clearTimeout(timer)
playmodus=true
showslides()
}
function goforward() {
clearTimeout(timer)
playmodus=true
showslides()
}
function gobackward() {
clearTimeout(timer)
playmodus=true
i_message-=2
if (i_message==-2) {i_message=slide.length-2}
if (i_message==-1) {i_message=slide.length-1}
showslides()
}
function getslideshowcontent() {
slideshowcontent="<table border=0 cellpadding=0 cellspacing=0>"
if (layout==1) {
mescontent()
imgcontent()
}
if (layout==2) {
imgcontent()
mescontent()
}
if (layout==3) {
controlcontent()
imgcontent()
mescontent()
}
if (layout==4) {
mescontent()
imgcontent()
controlcontent()
}
slideshowcontent+="</table>"
}
function imgcontent() {
slideshowcontent+="<tr valign=top><td>"
slideshowcontent+="<a href='"+messagelink[i_message]+"' target='"+linktarget[i_message]+"'>"
slideshowcontent+="<img src='"+slide[i_message]+"' border=0>"
slideshowcontent+="</a>"
slideshowcontent+="</td></tr>"
}
function mescontent() {
slideshowcontent+="<tr valign=top><td align=center>"
slideshowcontent+="<a href='"+messagelink[i_message]+"' target='"+linktarget[i_message]+"' style='position:relative; font-family:"+fnt[i_message]+";color:"+fntcolor[i_message]+";font-size:"+fntsize[i_message]+"pt;text-decoration:"+textdeco+"'>"
slideshowcontent+=message[i_message]
slideshowcontent+="</a>"
slideshowcontent+="</td></tr>"
}
function controlcontent() {
slideshowcontent+="<tr valign=top><td align=center>"
slideshowcontent+="<a href=\"#\" style=\"font-family:Arial;font-size:8pt\"> </a><a href=\"javascript:gobackward()\" style=\"font-family:Arial;font-size:8pt\">\<\<</a>\ \;\ \;\ \;"
slideshowcontent+="<a href=\"javascript:goplay()\" style=\"font-family:Arial;font-size:8pt\">play</a> "
slideshowcontent+="<a href=\"javascript:gostop()\" style=\"font-family:Arial;font-size:8pt\">stop</a> "
slideshowcontent+="<a href=\"javascript:goforward()\" style=\"font-family:Arial;font-size:8pt\">\>\></a> "
slideshowcontent+="</td></tr>"
}
function makevisible() {
if (layout==1 || layout==2) {
showslides()
}
if (layout==3 || layout==4) {
showstart()
}
}
function doreload() {
document.location.reload()
}
function showslides() {
if (playmodus) {
getslideshowcontent()
if (ie) {
ticker.innerHTML=slideshowcontent
}
if (ns6) {
document.getElementById("ticker").innerHTML=slideshowcontent
}
if (ns4) {
document.slideshowroof.document.ticker.document.write(slideshowcontent)
document.slideshowroof.document.ticker.document.close()
}
i_message++
if (i_message>=slide.length) {i_message=0}
timer=setTimeout("showslides()", standstill)
}
else {
clearTimeout(timer)
}
}
function showstart() {
if (playmodus) {
getslideshowcontent()
if (ie) {
ticker.innerHTML=slideshowcontent
}
if (ns6) {
document.getElementById("ticker").innerHTML=slideshowcontent
}
if (ns4) {
document.slideshowroof.document.ticker.document.write(slideshowcontent)
document.slideshowroof.document.ticker.document.close()
}
i_message++
if (i_message>=slide.length) {i_message=0}
}
}
if (ie) {
getslideshowcontent()
document.write('<div ID="slideshowroof" style="position:relative;width:'+slidewidth+'px;height:'+slideshowheight+'px;">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left0px;"><table width='+slidewidth+' height='+slideshowheight+'><tr><td align=center valign=middle><font face=Arial size=1>Slideshow loading.<br>Please wait.</font>')
for (i=0;i<=slide.length-1;i++) {
document.write('<img src="'+slide[i]+'" border=0 width=1>')
}
document.write('</td></tr></table></span>')
document.write('</div>')
}
if (ns6) {
getslideshowcontent()
document.write('<div ID="slideshowroof" style="position:relative;width:'+slidewidth+'px;height:'+slideshowheight+'px;">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left0px;"><table width='+slidewidth+' height='+slideshowheight+'><tr><td align=center valign=middle><font face=Arial size=1>Slideshow loading.<br>Please wait.</font>')
document.write('</td></tr></table></span>')
document.write('</div>')
}
if (ns4) {
getslideshowcontent()
document.write('<ilayer name="slideshowroof" width='+slidewidth+' height='+slideshowheight+'>')
document.write('<layer name="ticker" top=0 left=0 width='+slidewidth+' height='+slideshowheight+'><table width='+slidewidth+' height='+slideshowheight+'><tr><td align=center valign=middle><font face=Arial size=1>Slideshow loading.<br>Please wait.</font>')
document.write('</td></tr></table></layer>')
document.write('</ilayer>')
document.close()
}
if (ie || ns6 || ns4) {
window.onload=makevisible
}
if (ie || ns6) {
window.onresize=doreload
}
</SCRIPT>