Einzelnen Beitrag anzeigen
  #13  
Alt 15.04.2013, 16:18:34
Rewa Rewa ist offline
Anfänger
 
Registriert seit: Apr 2013
Alter: 33
Beiträge: 10
AW: Diashow mit variablen Bildern in den Ordnern

Seite1.php

Code:
<?php 
$Datum=date('d');
$ordner="$Datum/Seite1";
$handle=opendir($ordner); // hier wird der gewünschte Ordner angegeben  
$count=0; // counter wird auf 0 gesetzt    
while ($file = readdir ($handle))       {            
if ($file != "." && $file != "..")              {               
        $count++; // counter wird erhöht                    
        //echo "filen"; // hier könntest du dieeinzelnen files                                   // ausgeben lassen          
        }           }     
        closedir($handle);      
    
 

echo "

var DatumHeute = new Date();
var Wochentag = DatumHeute.getDate();

var variable = " . $count . ";

 var def_imges=new Array();
 if(variable==1) {
document.write('<div style=\"width:800px;height:600px\">'); 
document.write('<div style=\"position:absolute;width:800px;height:600px;\">');
document.write('<div id=\"img_01\" style=\"font-size:0;height:600px;width:800px;margin:0;padding:0;text-align:center;visibility:visible;z-index:2;position:absolute;left:0;top:0;width:600px;height:800px;mozopacity:1;opacity:1\">');
		document.write('<img src=\"'+Wochentag+'/Seite1/Folie1.jpg\"  style=\"vertical-align:middle;border:0;height:600px;width:1000px\" alt=\" \"></div>');
 }
 


  else {  for(i=1; i<=variable;i++) {def_imges[i-1]=Wochentag+'/Seite1/Folie'+i+'.jpg';};
	document.write('&nbsp');
	
var def_divid='slideshow'; //the id of the div container that will hold the slideshow
var def_picwid=800; //set this to the width of your widest pic
var def_pichei=600; //... and this to the height of your highest pic
var def_backgr=''; //set this to the background color you want to use for the slide-area
//(for example the body-background-color) if your pics are of different size
var def_sdur=10; //time to show a pic between fades in seconds
var def_fdur=1; //duration of the complete fade in seconds
var def_steps=20; //steps to fade from on pic to the next
var def_startwhen='y'; //start automatically at pageload? set it to 'y' for on and to 'n' for off
var def_shuffle='y'; //start with random image? set it to 'y' for on and to 'n' for off
var def_showcontr='n'; //do you want to show controls? set it to 'y' for on and to 'n' for off
//into this array insert the paths of your control-buttons or the text to display e.g. back,start,stop,fwrd.
var def_contr=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');




//****************************************************************

//daisychain onload-events
function daisychain(sl){if(window.onload) {var ld=window.onload;window.onload=function(){ld();sl();};}else{window.onload=function(){sl();};}}

function be_slideshow(be_slideid,be_imges,be_divid,be_picwid,be_pichei,be_backgr,be_sdur,be_fdur,be_steps,be_startwhen,be_shuffle,be_showcontr,be_contr){

//declarations and defaults
	var slideid=(be_slideid)?be_slideid:'0';
	var imges=(be_imges)?be_imges:def_imges;
	var divid=(be_divid)?be_divid:def_divid;
	var picwid=(be_picwid)?be_picwid:def_picwid;
	var pichei=(be_pichei)?be_pichei:def_pichei;
	var backgr=(be_backgr)?be_backgr:def_backgr;
	var sdur=(be_sdur)?be_sdur:def_sdur;
	var fdur=(be_fdur)?be_fdur:def_fdur;
	var steps=(be_steps)?be_steps:def_steps;
	var startwhen=(be_startwhen)?be_startwhen:def_startwhen;
			startwhen=(startwhen.toLowerCase()=='y')?1:0;
	var shuffle=(be_shuffle)?be_shuffle:def_shuffle;
			shuffle=(shuffle.toLowerCase()=='y')?1:0;
	var showcontr=(be_showcontr)?be_showcontr:def_showcontr;
			showcontr=(showcontr.toLowerCase()=='y')?1:0;
	var contr=(be_contr)?be_contr:def_contr;
	var ftim=fdur*1000/steps;
	var stim=sdur*1000;
	var emax=imges.length;
	var self = this;
	var stopit=1;
	var startim=1;
	var u=0;
	var parr = new Array();
	var ptofade,pnext,factor,mytimeout;
	

	
//check if there are at least 3 pictures, elswhere double the array
 if(imges.length<=2){imges=imges.concat(imges);}
//shuffle images if set
  if(shuffle){var i;for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}}
  
//push images into array and get things going
	this.b_myfade = function(){
		var a,idakt,paktidakt,ie5exep;
		for(a=1;a<=emax;a++){
			idakt='img_'+slideid+'_'+a;paktidakt=document.getElementById(idakt);
    	ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);
    }
		if(startwhen){
			stopit=0;
 			mytimeout=setTimeout(function(){self.b_slide();},stim);
 		}
	}

//prepare current and next and trigger slide
	this.b_slide = function(){
		clearTimeout(mytimeout);
		u=0;
		ptofade=parr[startim-1];
		if(startim<emax){pnext=parr[startim];}
		else{pnext=parr[0];}
		pnext.style.zIndex=1;
		pnext.style.visibility='visible';
		pnext.style.filter='Alpha(Opacity=100)';
		try{pnext.style.removeAttribute('filter');} catch(err){}
		pnext.style.MozOpacity=1;
		pnext.style.opacity=1;
		ptofade.style.zIndex=2;
		ptofade.style.visibility='visible';
		ptofade.style.filter='Alpha(Opacity=100)';
		ptofade.style.MozOpacity=1;
		ptofade.style.opacity=1;
		factor=100/steps;
		if(stopit=='0'){
			this.b_slidenow();
		}
	}

//one step forward
	this.b_forw = function(){
		stopit=1;
		clearTimeout(mytimeout);
		ptofade=parr[startim-1];
		if(startim<emax){pnext=parr[startim];startim=startim+1;}
		else{pnext=parr[0];startim=1;}
		ptofade.style.visibility='hidden';
		ptofade.style.zIndex=1;
		pnext.style.visibility='visible';
		pnext.style.zIndex=2;
		self.b_slide();
	}

//one step back
	this.b_back = function(){
		stopit=1;
		clearTimeout(mytimeout);
		if(u==0){ //between two slides
			ptofade=parr[startim-1];
			if(startim<emax){pnext=parr[startim];}
			else{pnext=parr[0];}
			pnext.style.visibility='hidden';
			ptofade.style.zIndex=1;
			ptofade.style.visibility='visible';
			if(startim>=2){startim=startim-1;}
			else{startim=emax;}
			self.b_slide();
		}
		else{ //whilst sliding
			self.b_slide();
		}
	}

//slide as said, then give back
	this.b_slidenow = function(){
		var check1,maxalpha,curralpha;
		check1=ptofade.style.MozOpacity;
		maxalpha=(100-factor*u)/100*105;
		if(check1<=maxalpha/100){u=u+1;}
		curralpha=100-factor*u;
		ptofade.style.filter='Alpha(Opacity='+curralpha+')';
		ptofade.style.MozOpacity=curralpha/100;
		ptofade.style.opacity=curralpha/100;
		if(u<steps){ //slide not finished
			if(stopit=='0'){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
			else {this.b_slide();}
		}
		else{ //slide finished
			if(startim<emax){
				ptofade.style.visibility='hidden';
				ptofade.style.zIndex=1;
				pnext.style.zIndex=2;
				startim=startim+1;u=0;
				mytimeout=setTimeout(function(){self.b_slide();},stim);
			}
			else{
				ptofade.style.visibility='hidden';
				ptofade.style.zIndex=1;
				pnext.style.zIndex=2;
				startim=1;u=0;
				mytimeout=setTimeout(function(){self.b_slide();},stim);
			}
		}
	}

//manual start
	this.b_start= function(){
		if(stopit==1){
 			stopit=0;
 			mytimeout=setTimeout(function(){self.b_slide();},stim);
 		}
	}

//manual stop
	this.b_stop= function(){
		clearTimeout(mytimeout);
		stopit=1;
		this.b_slide();
	}

//insert css and images
	this.b_insert= function(){
		var b, thestylid, thez, thevis, slidehei;
		slidehei=(showcontr)?(pichei+25):(pichei); //add space for the controls
		var myhtml='<div style=\"width:' + picwid + 'px;height:'+slidehei+'px\">'; 
   			myhtml+='<div style=\"position:absolute;width:'+picwid+'px;height:'+pichei+'px;\">';
		for(b=1;b<=emax;b++){
			thez=1;thevis='hidden';
			if(b<=1) {thez=2; thevis='visible';}
			  myhtml+='<div id=\"img_'+slideid+'_'+b+'\" style=\"font-size:0;height:'+pichei+'px;width:'+picwid+'margin:0;padding:0;text-align:center;visibility:'+thevis+';z-index:'+thez+';position:absolute;left:0;top:0;width:'+picwid+'px;height:'+pichei+'px;background-color:'+backgr+'\">';
				myhtml+='<img src=\"'+imges[(b-1)]+'\"  style=\"vertical-align:middle;border:0;height:600px;width:1000px\" alt=\" \"></div>';
		}
   			myhtml+='</div>';
//show controls
		if(showcontr){
				for(b=1;b<=4;b++){
					var check=contr[b-1].substring(contr[b-1].length-3).toLowerCase(); //check for buttons
					contr[b-1]=(check=='jpg'||check=='gif'||check=='png')?('<img src=\"+contr[b-1]+\" style=\"border:none;\" alt=\" \" />'):(contr[b-1]);
				}
   			myhtml+='<div style=\"display:block;width:'+picwid+'px;padding-top:'+(pichei+3)+'px;text-align:right;\">';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_back();\" style=\"text-decoration:none\">'+contr[0]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_start();\" style=\"text-decoration:none\">'+contr[1]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_stop();\" style=\"text-decoration:none\">'+contr[2]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_forw();\" style=\"text-decoration:none\">'+contr[3]+'</a>' ;
		}
   			myhtml+='</div>';
		document.getElementById(divid).innerHTML=myhtml;
		
	
		self.b_myfade();
	}

//call autostart-function
daisychain(this.b_insert);
	
}

var be_0= new be_slideshow(); }" ;?>
Mit Zitat antworten