PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- <?PHP
- $dh = new DirectoryIterator( "pics" );
- foreach( $dh as $file )
- {
- }
- ?>
- <html>
- <head>
- <title>Slideshow</title>
- <style>
- body { background: black; }
- #thumbnails { height: 140px; width: 100%; overflow: auto; }
- #pic { text-align: center; height: 400px; padding: 20px; }
- </style>
- <script>
- var image_list = [
- <?PHP $first = true; foreach( $files as $image ) { ?>
- <?PHP echo( $first ? "" : ", " ); ?>"<?PHP echo( $image ); ?>"
- <?PHP $first = false; } ?>
- ];
- var curimage = 0;
- function switchimg( ind )
- {
- var image = image_list[ind];
- var obj = document.getElementById( "selimg" );
- obj.src = "scale.php?image="+image+"&y=400";
- curimage = ind;
- }
- function nextimage( )
- {
- curimage++;
- if ( curimage >= image_list.length ) curimage = 0;
- switchimg( curimage );
- }
- window.setInterval( "nextimage( )", 2000 );
- </script>
- </head>
- <body>
- <div id="thumbnails">
- <table width="100%">
- <tr>
- <?PHP $ind = 0; foreach( $files as $image ) { ?>
- <td width="160" nowrap align="center">
- <a href="javascript:switchimg( <?PHP echo($ind); ?> )">
- <img height="100" src="scale.php?image=<?PHP echo($image); ?>&y=100" border="0" /
- >
- </a>
- </td>
- <?PHP $ind++; } ?>
- </tr>
- </table>
- </div>
- <div id="pic">
- <img id="selimg" height="400" src="scale.php?image=<?PHP echo($files[0]);
- ?>&y=400" />
- </div>
- </body>