problema slideshow foto con effetto fade

**Lino80** · 24-09-2008, 23:19

ciao, nella sezione del sito script javascript ho scaricato questo script in oggetto..

nel file fader.js c'è:

codice:

this.options = Object.extend({
			id: this.img.id,
			fadeInDuration: 2.5,
			fadeOutDuration: 1.5,
			displayDuration: 2.5,
			autoSize: false,
			autoStart: true,
			attributes: {},
			dir: "",
			beforeFade: null,
			startIndex: 0
		}, options || {});

ho provato ad inserire il percorso qui:
dir: "",
ma non funziona..

io vorrei che mi visualizzasse solo le immagini contenute in una directory e non quelle che specifico qui:

codice:

<script>
	var demoTabs;
	Event.observe(window, "load", function() {
		//Immagini
		var images = [
			"foto2.jpg",
			"foto1.jpg",
		];

		new Widget.Fader("defaultDemo", images);

		});
	</script>

come si può modificare?

**Xinod** · 24-09-2008, 23:34

non tirando ad indovinare, specie se quello che vuoi fare non e' neanche possibile farlo in javascript

puoi/vuoi usare php?

**Lino80** · 24-09-2008, 23:38

si devo usare php ... ma non riesco a trovare uno script adatto.. slideshow+directory immagini

sul forum ho trovato questo script:

http://slayeroffice.com/code/imageCrossFade/xfade2.html

ma come lo adatto alla pagina php?

**Lino80** · 24-09-2008, 23:51

dovrei visualizzare tutte le foto con dimenzione: [img]sunrise.jpg[/img]

posso farlo?

**Xinod** · 24-09-2008, 23:59

Codice PHP:


<script>

    var demoTabs;

    Event.observe(window, "load", function() {

        //Immagini

        var images = [

<?

$dir=opendir("percorso/cartella/immagini");

$imgs='';

while(false !== ($file=readdir($dir))){

    if($file != "." && $file != ".."){

        if($imgs!='') $imgs.=",\n";

        $imgs.=$file;

    }

}

closedir($dir);

echo $imgs;

?>

        ];



        new Widget.Fader("defaultDemo", images);



        });

    </script>

**Lino80** · 25-09-2008, 00:12

grazie... ho provato ma non funziona, il codice della pagina è questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
	<title>Slideshow con fading - Esempio JavaScript scaricato da HTML.it</title>
	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="it" />
	<meta name="Robots" content="All" />
	<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
	<meta name="Keywords" content="Ad ogni apertura di pagina questo script genera un differente colore di sfondo." />
	<meta name="Owner" content="HTML.it srl" /> 
	<meta name="Author" content="HTML.it srl" />  
	<meta name="Copyright" content="HTML.it srl" />
	<script src='prototype.js'></script>
	<script src='effects.js'></script>
	<script src='fader.js'></script>
	<script>
    var demoTabs;
    Event.observe(window, "load", function() {
        //Immagini
        var images = [
<?
$dir=opendir("public/home");
$imgs='';
while(false !== ($file=readdir($dir))){
    if($file != "." && $file != ".."){
        if($imgs!='') $imgs.=",\n";
        $imgs.=$file;
    }
}
closedir($dir);
echo $imgs;
?>
        ];

        new Widget.Fader("defaultDemo", images);

        });
    </script> 
	</head>
<body>
<h1>Slideshow con fading</h1>
[img]public/home/foto2.jpg[/img]







	<div align="center">
[img]logo_htmlit.gif[/img]


<span style="font-size:80%; color:gray">sponsor</span>
<script language="javascript"  type="text/javascript">
<!--
var browName = navigator.appName;
var SiteID = 1;
var ZoneID = 24;
var browDateTime = (new Date()).getTime();
if (browName=='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&amp;Task=Get&amp;IFR=False&amp;Browser=NETSCAPE4&amp;PageID=90264&amp;SiteID=' + SiteID + '&amp;Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
if (browName!='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&amp;Task=Get&amp;IFR=False&amp;PageID=90264&amp;SiteID=' + SiteID + '&amp;Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
// --> 
</script>
<noscript>
    <a href="http://adserver.html.it/a.aspx?ZoneID=24&amp;Task=Click&amp;Mode=HTML&amp;SiteID=1&amp;PageID=90264" target="_blank">
    </a>
</noscript></div>


</body>
</html>

**Xinod** · 25-09-2008, 00:26

effettivamente, errore mio
potevi accorgertene da solo vedendo l' xhtml prodotto dal php

Codice PHP:


<script>

    var demoTabs;

    Event.observe(window, "load", function() {

        //Immagini

        var images = [

<?

$dir=opendir("percorso/cartella/immagini");

$imgs='';

while(false !== ($file=readdir($dir))){

    if($file != "." && $file != ".."){

        if($imgs!='') $imgs.=",\n";

        $imgs.="'".$file."'";

    }

}

closedir($dir);

echo $imgs;

?>

        ];



        new Widget.Fader("defaultDemo", images);



        });

    </script>

**Xinod** · 25-09-2008, 00:29

o, poi, si spera che in questa cartella home ci siano solo immagini

**Lino80** · 25-09-2008, 00:43

Codice PHP:


<script>

    var demoTabs;

    Event.observe(window, "load", function() {

        //Immagini

        var images = [

<?

$dir=opendir("public/home");

$imgs='';

while(false !== ($file=readdir($dir))){

    if($file != "." && $file != ".."){

        if($imgs!='') $imgs.=",\n";

        $imgs.="'".$file."'";

    }

}

closedir($dir);

echo $imgs;

?>

        ];



        new Widget.Fader("defaultDemo", images);



        });

    </script>

non funziona..mi visualizza solo la prima immagine:

[img]public/home/foto2.jpg[/img]

**Xinod** · 25-09-2008, 01:02

al posto della parte in php che cosa esce scritto nell' html?

Discussione: problema slideshow foto con effetto fade

Strumenti discussione

Ricerca discussione

Visualizza

problema slideshow foto con effetto fade

Re: problema slideshow foto con effetto fade

Permessi di invio