slideshow02.php to HTML

index

USE AT OWN RISK

Generated: Tue Jul 31 15:22:15 2007 from slideshow02.php 2007/06/19 6.5 KB bytes.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-au">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Sydney Views 02</title>
<script type="text/javascript" language="JavaScript">
<!--
var popWin=null;
function popper(pUrl,pWin,pW,pH,imW,imH,imgX) {
   var opts = 'left=0,top=0,status=no,menubar=no,resizable=yes,scrollbars=yes';
   opts += ',width='+pW+',height='+pH;
   if(popWin && !popWin.closed) {
   popWin.resizeTo(pW+40,pH+60);
   }
   urls = pUrl+'&'+imW+'&'+imH;
   if( imgX.length > 0 )
   urls += '&'+imgX;
   popWin = window.open(urls,pWin,opts);
}
function popperclose() {
   popWin=null;
   gostop();
}

//var dirbase = 'c:/HOMEPAGE/Max5/SydneySlides/bin/images/';
dirbase = 'bin/images/';
var max_slides = 100;
var vert_slides = new Array( "1", "2", "22", "48", "49", "82" );
var i;
var timerID = 0;
var timeron = false;
var current = 1;
var rotate_delay = (4 * 1000); // delay in milliseconds, delaysec
var x_wid = 40;
var y_hgt = 60;
var lf_dir = 'small/';
var af_dir = 'medium/';
var lf_w1 = 270;
var lf_h1 = 360;
var lf_w2 = 480;
var lf_h2 = 360; // average file size 63337.17 (64 KB)
var use_large = false; // use the small and medium

// if using LARGE
if( use_large ) {
 lf_dir = 'large/';
 af_dir = 'xlarge/';
 lf_w1 = 495;
 lf_h1 = 660;
 lf_w2 = 880;
 lf_h2 = 660; // average file size 188933.73 (188 KB)
}


function setsrc() {
   var cimg = 'IMG01_' + current + '.jpg';
   var img = dirbase + lf_dir + cimg;
   var imgX = dirbase + af_dir + cimg;
   var url = 'pic5.htm?' + img;
   var vert = false;
   var wid = lf_w2;
   var hgt = lf_h2;
   for( i = 0; i < vert_slides.length; i++ ) {
   if( parseInt(vert_slides[i]) == current ) {
   vert = true;
   wid = lf_w1;
   hgt = lf_h1;
   break;
   }
   }

   popper( url, "Sydney_Views", wid+x_wid, hgt+y_hgt, wid, hgt, imgX ); 
}

function rotate() {
   timeron = false;
   if( document.slideform.slidebutton.value == "Stop" ) {
   current = (current >= max_slides) ? 1 : current+1;
   setsrc();
   timeron = true;
   timerID = window.setTimeout("rotate()", rotate_delay);
   }
}

function gostop() {
   if(timeron) {
   if( timerID )
   clearTimeout(timerID);
   timerID = 0;
   timeron = false;
   }
   document.slideform.slidebutton.value = "Start";
}
function gobegin() {
   gostop();
   current = 1;
   setsrc();
}
function goprev() {
   gostop();
   current = (current > 1) ? current-1 : max_slides;
   setsrc();
}
function gonext() {
   gostop();
   current = (current >= max_slides) ? 1 : current+1;
   setsrc();
}
function golast() {
   gostop();
   current = max_slides;
   setsrc();
}
function goap( text ) {
 var stg = document.slideform.delaysecs.value; // (user) DELAY
 var i = parseInt(stg);
 if(( i > 0 ) && ( i < 1000000 )) { // change delay period, in milli secs
 rotate_delay = (i * 1000);
 } else {
 stg = ""+(rotate_delay / 1000);
 document.slideform.delaysecs.value = stg;
 }
 // if "Start", change to "Stop" ...
 document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
 rotate(); // do first rotation, and set timer ...
}

//-->
</script>
</head>
<body>
<h1 align="center">Sydney Views 02</h1>

<?php
// fix 2007.06.19 - corrected 'heigth' to 'height', and added alt="image $num"
$meol = "\r\n";
$g_wrap = 10;
$g_xwid = 40;
$g_xhgt = 60;
//$dirbase = 'c:/HOMEPAGE/Max5/SydneySlides/bin/images/';
$dirbase = 'bin/images/';
$dirthumb = $dirbase.'thumbs/';
$dirxlarge = $dirbase.'xlarge/';
$dirlarge = $dirbase.'large/';
$dirsmall = $dirbase.'small/';
$dirmedium = $dirbase.'medium/';

$xlargeform = "576x768|1024x768"; // average file size 230102.21 (228 KB)
$largeform = "495x660|880x660"; // average file size 188933.73 (188 KB)
$mediumform = "360x480|640x480"; // average file size 106835.46 (108 KB)
$smallform = "270x360|480x360"; // average file size 63337.17 (64 KB)
$thumbsform = "54x72|72x54"; // average file size 4143.01 (8 KB)

$vert_slides = array( 1, 2, 22, 48, 49, 82 );
$max_slides = 100;

function show_all($dir, $form, $wrap)
{
   global $vert_slides, $max_slides;
   global $dirlarge, $largeform, $g_xwid, $g_xhgt;
   global $dirxlarge;
   global $meol;
   $sz = explode('|',$form);
   $sz1 = explode('x',$sz[0]);
   $sz2 = explode('x',$sz[1]);
   $lsz = explode('|',$largeform);
   $lsz1 = explode('x',$lsz[0]);
   $lsz2 = explode('x',$lsz[1]);
   $tds = ' width="'.($sz1[1]+4).'" height="'.($sz1[1]+4).'"';
   $td = '<td align="center"'.$tds.'>';
   echo '<center>'.$meol;
   echo '<table border="0">'.$meol;
   for( $i = 1; $i <= $max_slides; $i++ ) {
   $img = 'IMG01_'.$i.'.jpg';
   $imgt = $dir.$img;
   $imgl = $dirlarge.$img;
   $imgx = $dirxlarge.$img;
   if( in_array( $i, $vert_slides ) ) {
   $wid = $sz1[0];
   $hgt = $sz1[1];
   $lwid = $lsz1[0];
   $lhgt = $lsz1[1];
   } else {
   $wid = $sz2[0];
   $hgt = $sz2[1];
   $lwid = $lsz2[0];
   $lhgt = $lsz2[1];
   }
   if( (( $i - 1 ) % $wrap ) == 0 ) {
   echo '<tr>'.$meol;
   }
   //echo '<td align="center">';
   echo $td;
   $href = '<a href="javascript:popper(\'pic5.htm?';
   $href .= $imgl.'\',\'Sydney_Views\',';
   // set the WINDOW size
   $href .= ($lwid + $g_xwid).','.($lhgt + $g_xhgt).',';
   // set the IMAGE size
   $href .= $lwid.','.$lhgt;
   // add xlarge image, and close brackets
   $href .= ',\''.$imgx.'\');">';
   // echo '<a href="'.$imgl.'" target="_blank">';
   echo $href;
   echo '<img src="'.$imgt.'" width="'.$wid.'" height="'.$hgt.'" alt="image '.($i + 1).'">';
   echo '</a>';
   echo '</td>'.$meol;
   if( ( $i % $wrap ) == 0 ) {
   echo '</tr>'.$meol;
   }
   }
   if( (( $i - 1 ) % $wrap ) != 0 ) {
   while( (( $i - 1 ) % $wrap ) != 0 ) {
   echo '<td>no img</td>'.$meol;
   $i++;
   }
   echo '</tr>'.$meol;
   }
   echo '</table>'.$meol;
   echo '</center>'.$meol;
}

show_all($dirthumb, $thumbsform, $g_wrap);
?>

<center>
<form name=slideform>
<table>
<tr>
<td>
<input type=button onClick="gobegin();" value="|<<" title="Beginning">
<input type=button onClick="goprev();" value="<<" title="Previous">
<input type=button onClick="gonext();" value=">>" title="Next">
<input type=button onClick="golast();" value=">>|" title="End">
 Run <input type=button name="slidebutton" onClick="goap(this.value);" value="Start" title="AutoPlay"> 
<input type=text name="delaysecs" style="width: 28px; height: 23px" size=2 onChange="gostop();" value="4" title="Delay in Seconds">
</td>
</tr>
</table>
</form>
</center>

</body>
<!-- Max5.2006.03.20 - macpcfirstaid.com/SydneySlides -->
</html>

index

Valid HTML 4.01 Transitional