Slide con cartella variabile

**arny70** · 09-05-2013, 12:36

Ciao,

è la prima volta che scrivo nel Forum, fin qui mi è stato utilissimo per creareil mio slade. chiedo aiuto perchè sono bloccato, e credo sia solo un problema di sintassi ma non ne vengo a capo..

. Devo far passare la varibile $foto in questa procedura, se inserisco la voce statica "images/foto/" funziona, appena metto <?php $foto ?> non va

. La variabile sono sicuro che contenga images/foto/

scusate se non sono stato chiaro, mi stò cimentando da autodidatta...

function risposta_read_dir() {
if (http1.readyState==4) {
img_array = http1.responseText.split("%%");
document.getElementById("box_01").src = " + <?php $foto ?> + " + img_array[0];
document.getElementById("box_02").src = " + <?php $foto ?> + " + img_array[1];
slideshow()

**earth.web2** · 09-05-2013, 13:11

Ciao ,

Fai cosi:

codice:

document.getElementById("box_01").src = " + <?php echo $foto; ?> + " + img_array[0];
document.getElementById("box_02").src = " + <?php echo $foto; ?> + " + img_array[1];

**cavicchiandrea** · 09-05-2013, 13:17

document.getElementById("box_01").src = "<?php $foto ?>" + img_array[0];
togli i +

**arny70** · 09-05-2013, 22:56

ciao,
grazie mille per le risposte e l'aiuto, ma non funziona, vi giro tutta la pagina se potete aiutarmi,
vi spiego quello che voglio fare, da una pagina php ho un form collegato ad un db sql, faccio delle selezioni e passo alla pagina dello slideshow un valore ID che corrisponde al nome di una directory contenente delle foto. Il mio scopo è fare in modo che dalla scelta fatta parta lo slide di quella cartella. il problema è che finchè al posto delle variabili metto le costanti tutto funziona se inserisco le variabili no..

il problema l'ho alla riga: 13

if ($handle = opendir($dir)) { //non funziona
if ($handle = opendir("images/foto/1")) { // funziona

ed alle righe: 57, 58

document.getElementById("box_01").src = "<?php $foto ?>" + img_array[0]; //non funziona
document.getElementById("box_01").src = "images/foto/1/" + img_array[0]; //funziona

eppure facendo degli echo di controllo delle varibili vengono passate tutte.

</head>

<?php
//Con questo script viene letto il contenuto della directory e vengono recuperate tutte le immagini ed inserite all'interno dell'array

$id = $_POST['anagrafica'];
echo $id;
$dir = "images/foto/".$id;

$foto = $dir."/";

if ($handle = opendir($dir)) {
$i = 0;
// Lista di tutti i file:
while (false !== ($file = readdir($handle))) {
//echo "$file";
if(strpos($file,'.jpg') || strpos($file,'.JPG') || strpos($file,'.png') || strpos($file,'.PNG')){
$array[$i] = $file;
$i++;
}

}
$num_img = count($array);
for ($index = 0; $index < $num_img; $index++) {
echo $array[$index];
echo "%%";
}
closedir($handle);
}

?>

<HEAD>
<TITLE>nel cielo</TITLE>
<link rel="stylesheet" href='gallery.css' type="text/css" />
<script type="text/javascript" src="utility.js"></script>

la variabile è: <?php echo $foto ?>

<META name="apple-touch-fullscreen" content="YES" />
<script type="text/javascript">
function read_dir(){
http1 = getXMLHttp();
http1.open("GET", "<?php $handle ?>?rand=" + Math.random(),true);
http1.onreadystatechange= function() {risposta_read_dir()};
http1.send(null);
}
function risposta_read_dir() {
if (http1.readyState==4) {
img_array = http1.responseText.split("%%");
document.getElementById("box_01").src = "<?php $foto ?>" + img_array[0];
document.getElementById("box_02").src = "<?php $foto ?>" + img_array[1];
slideshow()
}
}
function slideshow(){
max_number_img = img_array.length - 2;
i = 2;
dispari = true;
timer_cambio_img = setInterval('rullo()', 3000);
}
function rullo(){
browser = null;
if (window.ActiveXObject) {
if (navigator.userAgent.toLowerCase().indexOf("msie 5") != -1) {
browser = "ie";
} else {
browser = "ie";
}
}
if (!browser && typeof(XMLHttpRequest) != 'undefined') {
browser = "ch";
}
src = img_array[i];
timer_fade = setInterval('fade()', 100)
}
function fade(){
if(browser == "ie"){
if(dispari){
var valore1 = document.getElementById("box_01").filters.alpha.op acity;
var valore2 = document.getElementById("box_02").filters.alpha.op acity;
var incremento = 5;
if (valore1 < 100){
valore1 = valore1 + incremento;
document.getElementById("box_01").filters.alpha.op acity = valore1;
valore2 = valore2 - incremento;
document.getElementById("box_02").filters.alpha.op acity = valore2;
} else {
stop_timer(timer_fade);
dispari = false;
document.getElementById("box_02").src = "<?php $foto ?>" + src;
if(i<max_number_img){
i++;
} else {
i = 0;
}

}
} else {
var valore1 = document.getElementById("box_02").filters.alpha.op acity;
var valore2 = document.getElementById("box_01").filters.alpha.op acity;
var incremento = 5;
if (valore1 < 100){
valore1 = valore1 + incremento;
document.getElementById("box_02").filters.alpha.op acity = valore1;
valore2 = valore2 - incremento;
document.getElementById("box_01").filters.alpha.op acity = valore2;
} else {
stop_timer(timer_fade);
dispari = true;
document.getElementById("box_01").src = "<?php $foto ?>" + src;
if(i<max_number_img){
i++;
} else {
i = 0;
}
}
}
} else {
if(dispari){
var valore1 = document.getElementById("box_01").style.opacity;
var valore2 = document.getElementById("box_02").style.opacity;
var incremento = 0.1;
if (valore1 < 1){
valore1 = eval(valore1) + eval(incremento);
document.getElementById("box_01").style.opacity = valore1;
valore2 = eval(valore2) - eval(incremento);
document.getElementById("box_02").style.opacity = valore2;
} else {
stop_timer(timer_fade);
dispari = false;
document.getElementById("box_02").src = "<?php $foto ?>" + src;
if(i<max_number_img){
i++;
} else {
i = 0;
}

}
} else {
var valore1 = document.getElementById("box_02").style.opacity;
var valore2 = document.getElementById("box_01").style.opacity;
var incremento = 0.1;
if (valore1 < 1){
valore1 = eval(valore1) + eval(incremento);
document.getElementById("box_02").style.opacity = valore1;
valore2 = eval(valore2) - eval(incremento);
document.getElementById("box_01").style.opacity = valore2;
} else {
stop_timer(timer_fade);
dispari = true;
document.getElementById("box_01").src = "<?php $foto ?>" + src;
if( i < max_number_img ){
i++;
} else {
i = 0;
}
}
}
}
}
function stop_timer(id){
clearInterval(id);
}

</script>
</HEAD>
<BODY onload="read_dir();">
<div id="container">
<h1></h1>

<div class="text_content">

</p>
</div>
<div id="box">
<img id="box_01" style="opacity:0;filter:alpha(opacity=0)">
<img id="box_02" style="opacity:1;filter:alpha(opacity=100)">

</div>
</div>
<div style="margin: 0 auto;display:block">
<script type="text/javascript">

</BODY>
</HTML>

**earth.web2** · 09-05-2013, 23:45

Per il primo problema, se fai un echo $dir;

Il valore che ti viene stampato è uguale alla stringa "images/foto/1" che ti risulta funzionare ?

Per il secondo problema devi mettere <?php echo $foto; ?>, se non metti echo non ti stampa il valore della variabile.

**arny70** · 10-05-2013, 00:38

si se faccio un echo $dir; mi stampa images/foto/1

poi faccio la variabile $foto = $dir."/"; per aggiungere la / così da trasformarla in images/foto/1/
per la function dell' array.

**arny70** · 11-05-2013, 13:06

ciao,

, chi mi può aiutare?

, esiste un comando in javascript che ritardi l'esecuzione della funzione e quindi il caricamento delle immagini, oppure ditemi se sono completamente fuori strada...

Grazie 1000

Discussione: Slide con cartella variabile

Strumenti discussione

Ricerca discussione

Visualizza

Slide con cartella variabile

Permessi di invio