Slideshow implementer php array i javascript koden
Hej derude... duer ikke så meget til det Javascript så har været ude og finde en kode til et sladeshow... virker fint men kan ikke finde ud af at få implementeret PHP koden som finder mine billeder i mapperne...Her kommer koden jeg bruger normalt... PHP delen... alle billederne ligger i mit $array[]..
$dir = "pics folder/$_GET[folder]";
$array = array();
$valid_types = array("jpg","JPG","gif","GIF","jpeg","JPEG","bmp","BMP");
$handle = opendir("$dir");
while (($file = readdir($handle))!==false) {
if ($file != "." && $file != "..") {
if ($handle3 = opendir($dir . "/" . $d)) {
while (false !== ($fil = readdir($handle3))) {
if ($fil != "." && $fil != "..") {
$vali = substr($fil, -3);
if (in_array($vali,$valid_types)) { $array[] = "$dir/$fil"; }
}
}
$picture = $array[ mt_rand( 0, count( $array ) - 1 ) ];
$main_picture = explode("/", $picture);
$size = getimagesize($picture);
$lsize = lstat($picture);
$main_kilo = floor($lsize[7]/1024);
$main_x = $size[0];
$main_y = $size[1];
}
}
}
SLIDESHOW KODEN
-------------
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
var i=0;
var finished=false;
var paused=false;
var running=false;
function loadPics()
{
pic0=new Image();
pic0.src="1.jpg";
pic1=new Image();
pic1.src="2.jpg";
pic2=new Image();
pic2.src="3.jpg";
pic3=new Image();
pic3.src="4.jpg";
pict=new Array();
pict[0]=pic0.src;
pict[1]=pic1.src;
pict[2]=pic2.src;
pict[3]=pic3.src;
}
function next()
{
finished=false;
if(i<pict.length-1)
{
i++;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
else
{
i=0;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
}
function prev()
{
finished=false;
if (i>0)
{
i--;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
else
{
i=pict.length-1;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
}
function startSlide()
{
running=true;
if(navigator.appVersion.indexOf("MSIE") == -1)
{
interval = setInterval(FFSlideshow,5000);
}
else
{
interval = setInterval(slideshow,5000);
}
document.getElementById("slideshow").disabled=true;
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
function slideshow()
{
if (i<pict.length-1)
{
document.getElementById('pictureContainer').filters[0].Apply();
document.getElementById("slideshow").disabled=true;
i++;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
document.getElementById('pictureContainer').filters[0].Play();
}
else if (i==pict.length-1 && finished==false)
{
document.getElementById("slideshow").disabled=false;
document.getElementById('number').innerHTML="End of slideshow";
finished=true;
running=false;
clearInterval(interval);
}
else
{
document.getElementById('pictureContainer').filters[0].Apply();
i=0;
finished=false;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
document.getElementById('pictureContainer').filters[0].Play();
}
}
function FFSlideshow()
{
if (i<pict.length-1)
{
document.getElementById("slideshow").disabled=true;
i++
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
else if (i==pict.length-1 && finished==false)
{
document.getElementById("slideshow").disabled=false;
document.getElementById('number').innerHTML="End of slideshow";
finished=true;
running=false
clearInterval(interval);
}
else
{
i=0;
finished=false;
document.getElementById('picture').src=pict[i];
document.getElementById('number').innerHTML="Picture "+1*(i+1);
}
}
function pause()
{
if(running==true)
{
if(paused==false)
{
paused=true;
document.getElementById("pause").value="resume";
clearInterval(interval);
document.getElementById('number').innerHTML="Paused";
}
else
{
startSlide()
paused=false;
document.getElementById("pause").value="pause";
}
}
}
//-->
</script>
</head>
<body onload="loadPics()">
<center>
<div id="pictureContainer" style="width:560px; filter:progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0)">
<img id="picture" name="picture" src="1.jpg" /></div><br />
<input id="prev" type="button" value="prev" onclick="prev()" />
<input id="next" type="button" value="next" onclick="next()" />
<input id="slideshow" type="button" value="slideshow" onclick="startSlide()" />
<input id="pause" type="button" value="pause" onclick="pause()" /><br />
<div id="number">Picture 1</div>
</center>
</body>
</html>
