Photo Viewer – Slideshow

[Total: 0    Average: 0/5]

This shows how to have a slideshow.

Body Code:

<form name=info>
<input type=text name=alt     size=70><br>
<input type=text name=valore  size=70><br>
<input type=text name=img_url size=70>
<table border="0" cellpadding="5" cellspacing="0">
<tr><td align=right><b>Magnification</b></td>
    <td><input type="text" name="ingrandimento" size="3" value=1 maxlength="3"></td>
    <td align=right><b>Image Size<BR>(Pixels)</b></td>
    <td><input type="text" name="img_size" size="11"></td>
</tr>
</table>
<input type="button" value="+1 second >>" name="rotazioneOkPiu" 
       onclick="rotazione_immagini()">
<input type="text" name="tempo_rotazione" size="3" value="0">
<input type="button" value="<< -1 second" name="rotazioneOkMeno" 
       onclick="rotazione_decrementa()">  
<input type="button" value="STOP" name="stop" ONCLICK="rotazione_stop()">
</form>
<form>
<TABLE BORDER=0 cellpadding="0" cellspacing="0" align="left">
<TR><TD>
<input type="button" value=">>" name="avanti" 
 ONCLICK="javascript:passa_piu('foto','foto_ok')"></TD></TR>
<TR><TD>
<input type="button" value="<<" name="indietro" 
 ONCLICK="javascript:passa_meno('foto','foto_ok')"></TD></TR>
<TR><TD>
<input type="button" value="##" name="tutte"  
 ONCLICK="javascript:show_all()"></TD></TR>
</TABLE></form>
<img name="foto" src="http://web.tiscalinet.it/marioq/images/valley_album.gif" alt="alt1" border="" hspace="5" width="320" height="200">
<br clear="all">
<hr noshade size="1">
<div id="qui_tutte"> </div>
<hr noshade size="1">

<script>
var isIE = 0;
document.all ? isIE=true : alert("This page is designed for IE only!");
if (document.layers) browserVer = 2;
if (isIE) {
var myImgs = new Array();
function addImg(_d,_l) {
  var _x = myImgs.length?myImgs.length:0;
  myImgs[_x] = new Image();
  myImgs[_x].src = _l;
  myImgs[_x].alt = _d;
}
addImg("le mie immagini...........","http://web.tiscalinet.it/marioq/images/valley_album.gif");
addImg("una tranquilla vallata dove riposarsi","http://web.tiscalinet.it/marioq/images/valley.gif");
addImg("Lisa con il suo sorriso...","http://web.tiscalinet.it/marioq/images/monna.gif");
addImg("L'emozione di questi colpi di pennello.....","http://web.tiscalinet.it/marioq/images/vincent.gif");
addImg("Non e' la mia casa","http://web.tiscalinet.it/marioq/images/backgrnd.gif");
addImg("Una grande citta","http://web.tiscalinet.it/marioq/images/city.gif");
addImg("Il mio paese......","http://web.tiscalinet.it/marioq/images/calta.jpg");
addImg("un animale domestico","http://www.photography.com/02.na.jpg");
addImg("Il mito.......","http://web.tiscalinet.it/marioq/images/pokemon2.gif");
addImg("Da usare per un'email sicura","http://web.tiscalinet.it/marioq/images/francobollo4.gif");
//addImg("0339026778  la babysitter da chiamare per tenere i bambini","ttp://web.tiscalinet.it/marioq/images/babysitter.gif");
addImg("Una barchetta, una spiaggia, una......","http://www.photography.com/12.sport.jpg");
addImg("un colpo di luce tra le nuvole","http://www.photography.com/contest3pic.jpg");
addImg("Il tramonto","http://www.photography.com/contest4pic.jpg");
}
var picShown=0;
function passa_piu() {picShown=(++picShown)%myImgs.length;updateInfo();}
function passa_meno(){picShown=(--picShown+myImgs.length)%myImgs.length;updateInfo();}
function updateInfo() {
if (isIE){
document.images.foto.src = myImgs[picShown].src;
src_ok=document.images.foto.src;

height_ok=(document.images.foto.height = myImgs[picShown].height);
document.images.foto.height = myImgs[picShown].height*document.info.ingrandimento.value;

width_ok=(document.images.foto.width = myImgs[picShown].width);
document.images.foto.width = myImgs[picShown].width*document.info.ingrandimento.value;

document.images.foto.alt = myImgs[picShown].alt;

fileSize_ok=myImgs[picShown].fileSize;

document.info.alt.value = myImgs[picShown].alt;
document.info.valore.value = width_ok+' x '+height_ok+' pixel --- '+myImgs[picShown].fileSize+' byte --- '+myImgs[picShown].fileSize/1024 +' Kb --- ';
document.info.img_url.value = myImgs[picShown].src;
document.info.img_size.value = document.images.foto.width+' x '+document.images.foto.height;
}
}

resetta=0;
function show_all(){
if (resetta==0){
for(var _i=myImgs.length-1;_i >=0;_i--) {
tutte_ok = new Array();
tutte_ok[_i] = "<nobr>"+_i+"=>"+
               "<img name=img_"+_i+" src="+myImgs[_i].src+
			   " height="+myImgs[_i].height+
			   " width="+myImgs[_i].width+
			   " alt='"+myImgs[_i].alt+"'"+
			   " hspace=5 vspace=5 align=middle>"+
			   "</nobr>";
qui_tutte.outerHTML+=tutte_ok[_i];
}
resetta=1;
}}
valore=document.info.tempo_rotazione.value
rotazione_piu=1;
avvio_piu=0;

function rotazione_immagini()
{
if (avvio_piu==1)
   { 
   clearInterval(interval_piu);
   avvio_piu=0;
   valore=document.info.tempo_rotazione.value;
   }

if (rotazione_piu==1 && valore>=0){
valore=++valore;
document.info.tempo_rotazione.value=valore;
tempo=valore*1000;
avvio_piu=1
interval_piu = setInterval('passa_piu()',tempo)
}
 else if(rotazione_piu==0 && valore>0){
 valore=--valore;
 document.info.tempo_rotazione.value=valore;
 tempo=valore*1000;
 avvio_piu=1
 interval_piu = setInterval('passa_piu()',tempo)
   }
}
function rotazione_decrementa()
{
if (avvio_piu==1 && document.info.tempo_rotazione.value>=1){
clearInterval(interval_piu);
avvio_piu=1;
rotazione_piu=0;
rotazione_immagini();
 }
else (avvio_piu==1 && document.info.tempo_rotazione.value==0);
 {valore=0;
 rotazione_piu=1;
 }
}
function rotazione_stop()
{
avvio_piu==1 ? clearInterval(interval_piu) : avvio_piu=0
document.info.tempo_rotazione.value=0;
valore=document.info.tempo_rotazione.value;
rotazione_piu=1;
}

</script>

Times Viewed: 7

Leave a Reply

Your email address will not be published. Required fields are marked *