Slide foto

Salve a tutti...
vi scrivo in quanto ho deciso di migliorare il mio sito (www.idragonidelpo.altervista.org).

La parte più ampia del sito è composta da una galleria foto per ora molto semplice...
Il problema principale è che ci sono tante foto e prima che si carichino tutte ci vuole davvero una vita anche se ho provato a rimpicciolirle al massimo.

La mia idea è quella di creare una slide con le attuali immagini in miniatura e solo quando si schiaccia su una di esse questa si ingrandisca...

Non ho idee su come creare queste pagine "dinamiche"...quindi spero che qualcuno sia così buono da darmi una dritta...da dove cominciare.

se non sono stato abbastanza chiaro fatemi sapere che provo a spiegarmi meglio

PS:su internet ho trovato varie slide già fatte, solo da scaricare ma oltre a non aver capito cm inserirle nel sito non mi piacciono in quanto preferisco creare io da zero i miei lavori per poter capire quello che faccio.

Grazie in anticipo

[memai]

Io ti posso consigliare di creare dei database dove inserire le foto, ho visto che sulla pagina foto vengono elencate delle foto in base agli anni, quindi per ogni anno dovrà esserci una tabella nallocata al database oppure, creare una sola tabella e aggiungereun campo nella quale ci saràindicato il valore dell'anno di cui farà riferimento la foto caricata.

Per caricare le foto nei database io farei una pagina per l'upload (in tal caso è consigliato fare soltanto fare una tabella, come ho detto prima perchè se no dovresti creare diverse pagine per l'upload oppure modificare sempre il codice php della pagina per l'upload) un esemio può essere:

la nostra pagina per l'upload la chiameremo uploadfoto.php(per esempio), e il contenuto sarà:
HTML(Il form per l'upload):

<form action='' method='post'>
Anno foto: <input type='text' name='anno'> 
<input type='file' name='foto'><br/>
<input type='submit' name='inviafile' value='Carica'>
</form>

Ora il codice per caricare la foto sia sulla nostra directory (es: ../foto/) sia sul nostro database che ovviamente sarà my_idragonidelpo (bel nome comunque):
Questo sarà in PHP giusto giusto per l'invio dei dati:

<?php
//inizialmente apro la connessione al database
$conn=mysql_connect('localhost' , 'idragonidelpo' , 'tuapassword');
mysql_select_db('my_idragonidelpo' ; $conn);

//Se non la crei manualmente ti dico io come da php creare una tabella per contenere le foto tenendo conto che noi useremo soltanto una tabella e quindi col campo dell'anno
$tabella= 'CREATE TABLE foto(
id  INT(255) NOT NULL AUTO_INCREMENT,
immagine varchar(255) NOT NULL,
anno varchar(4) NOT NULL,
PRIMARY KEY (id)
)';
mysql_query($tabella) or die(mysql_error());
//ora abiamo creato una tabella, quindi non ci resta che caricare la foto

if($_POST['inviafile']){
//Carico foto nella directory
$anno=$_POST['anno'];
$dir='foto/$anno/';
$tmp = $_FILES['foto']['tmp_name'];
$foto = $_FILES['foto']['name'];
move_uploaded_file($tmp, "$udir.$foto");
//carico foto nel database
mysql_query("INSERT INTO foto(immagine , anno) VALUES('$foto' , '$anno')");
//con questo abbiamo caricato la foto sia sul database sia sulla nostra directory, questo se tutto funziona, dovrebeb andare, non sto controllando
}
?>

La mia tecnica ha bisogno delle sessioni, quindi dovremo fare qualcosa anche per la pagina dove ci sono i link per le foto quindi foto.php sarà cpomposta così:

<?php
//Starto qualsiasi sessione
session_start();
//creo i link questa sarà fatta a mano io faccio solo alcuni cenni di ciò che dovrai fare, ti elenco due tre anni
echo "<a href='?redirect=2008'>Foto 2008</a><br/>
<a href='?redirect=2009>Foto 2009</a><br/>
<a href='?redirect=2010'>Foto 2010</a>";
//creati tutti i link che ti inttyeressano ora  facciamo il redirect alla pagina delle foto che possiamo chiamare come vogliamo ad esempio elencofoto.php.
if($_GET[redirect]){
$var=$_GET[redirect];
$_SESSION['anno']=$var;;
header("Location:elencofoto.php");
}
//Ok ora creaimo la pagina elencofoto.php
?>

Sarà fatta così:

<?php
//inizialmente apro la connessione al database
$conn=mysql_connect('localhost' , 'idragonidelpo' , 'tuapassword');
mysql_select_db('my_idragonidelpo' ; $conn);

//poi starto le sessioni non specifico quale per comodità
session_start();
//ora  anche senza specificare se una sessione stia lavorando o meno, cosa che  ci può anche non interessare  mostriamo  le foto in base al link cliccato

$anno=$_SESSION['anno'];

$selfoto=mysql_query("SELECT * FROM foto WHERE anno='$anno'");
//mostro le foto con un ciclo semplice semplice
while($foto=mysql_fetch_array($selfoto)){
echo "<img src='".$foto['immagine']."' width='tualarghezza' height='tuaaltezza'> ";
}

?>

Poi se vuoi usare delle slide per mostrare in modo piu' carino le foto, puoi usare il Javascript e il JQuery è prendendo dal database, le foto con la funzione mysql_fetch_array del PHP.


P.S: SPERO di aver detto qualcosa di sensato perchè mi ricordo che la prima volta che ho guardato l'orologio prima di cominciare a scrivere erano le 21 e ora sono le 23.38

Comunque, spero di esserti stato in qualche modo utile


Saluti & Birra!

Grazie mille dell'aiuto e per l'impegno!! Adesso mi metto all'opera e se trovo problemi ti faccio sapere. grazie ancora:)

EDIT:

Eccomi all'opera e grazie alla mia inesperienza devo subito fermarmi

A scuola (Ragioneria indirizzo programmatori) mi hanno insegnato a creare le tabelle in Access 2003 con linguaggio SQL integrato. Per modificare le tabelle (oltre che facendolo manualmente entrando in access) avevo creato un programmino in WBA 6.0.

Qui invece ho capito che le modifiche dovrò farle attraverso una pagina php (visibile sl a me?) ma nn ho capito dove devo fare la tabella (sul mio computer o nella parte "gestione file" di altervista?).

Per ora mi fermo qui con le domande xk il codice php mi sembra fattibile ma questo si vedrà in seguitoxD

Grazie ancora memai e scusa la mia ignoranza ma se fosse per la scuola io sarei ancora a fare programmi in WBA xD

[alemoppo]

Devi usare phpMyAdmin:
pannello di controllo -> Tools -> PhpMyAdmin. Metti il tuo nick (idragonidelpo) e la tua password (quella di altervista).

..altrimenti, puoi creare le tabelle direttamente da PHP tramite delle query (usando CREATE TABLE ...)

Ciao!

[memai]

Mmh penso che vadi bene anche creare le tabelle in access, perchè credo che si possa importare successivamente le tabelle create nel database di altervista, creare le tabelle in PHP è solo un metodo per crearle, ovviamente ci sono diversi metodi per poter creare una tabella per il database, ovvero usare dei programmi appositi (come Access), oppure direttamente dal database stesso di altervista, fà come piu' ti senti a tuo agio, io ti ho spiegato semplicemente come crearle usando dei codici php, passando alla tua domanda (visibile solo a me?), direi che è consigliato, solo tu devi modificare il database , quindi se creassi una pagina in php per creare questa tabella e/o inserire dei dati in questa tabella, ci metterei una protenzioncina in modo che solo tu possa visualizzare il contenuto di essa, come proteggere la pagina? Boh posso consigliarti due metodi, o per via di una password oppure per via dell'ip se l'ip combacia con il tuo (questo quando usi un'ip statico), ti si visualizzerà la pagina (esempio per l'ip: if($_SERVER['REMOTE_ADDR']=="tuoip"){ contenuto pagina...})




Leggendo quello che ti ho scritto ho trovato un mio piccolo errore, quindi se per caso copiassi e incolassi il codice per l'upload delle foto, ti darebbe errore:
invece di scrivere:

move_uploaded_file($tmp, "$udir.$foto");

scrivi:

move_uploaded_file($tmp, "$dir.$foto");

la variabile era $dir non $udir, comunque puoi chiamare la variabile per la directory come vuoi, anche $cicciopalazzo

ok...sto avanzando..
mi sn loggato su phpmyadmin e mi appare la seguente schermata.

Da quello che ho capito sotto la scritta "Crea un nuovo database: " dovrebbe esserci un textbox per inserire il nome del database..
Dove ho sbagliato?:(






Memai grazie per il chiarimento..adesso provo a seguire il consiglio di alemoppo.
Cmq penso di usare una password in quanto nn ho un ip statico.

[memai]

Tu non puoi creare dei database, altervista ti da a disposizione un solo database chiamato per l'appunto my_tuousername, visto che è presente un database tu puoi inserire delle tabelle in esso premendo sul nome del database (in questo caso soltanto su my_idragonidelpo) che si trova sulla prima colonna a sinistra e successivamente per creare delle niuove tabelle compili un formicolo di due campi sulla colonna centrale della pagina quella con titolo CREA TABELLA

trovato ma ti rompo ancora... il numero dei campi si può modificare in seguito o ci sono delle restrizioni.
xk cm mi hai detto farei una tabella chiamata T_anni e 5 campi per i vari anni.
Tuttavia nel 2012 dovrò inserire un altro campo. Lo potrò fare o devo creare adesso 6 campi e lasciarne "vuoto" uno??

Non vorrei fare errori irrimediabili x qll rompo cosi tanto

[memai]

Per aggiungere i campi di una tabella puoi usare la query(da esempio): mysql_query("ALTER TABLE nometabella ADD nomecamponuovo VARCHAR( 255 ) NOT NULL"); questo nel codice PHP

memai io dentro questa tabella devo inserire delle foto giusto??

ora sto settando i vari campi e non so che "tipo" mettere...
le altre impostazioni ho capito che sono da lasciare in bianco..o sbaglio?

ecco una foto:)

[memai]

Il mio metodo era di usare solo un campo per decidere a quale anno fà riferimento la foto, quindi i campi erano id ( numero della foto) name(dove è situata la foto:directory/nome della foto) e anno per riconoscere dopo nella pagina dove elenchi le foto quale foto mostrare (dipendentemente dal link cliccato nella pagina precedente)

Non credo proprio sia giusto creare una tabella composta solamente dai numeri degli anni, devi dare altre informazioni come la foto.

COmunque i campi che devi completare sono Il Campo, il tipo di campo, la lunghezza (numeri di caratteri che può contenere il valore del campo) e se percaso usassi un id con auto_:increment, ricordati di settare questa proprietà e poi di definire una chiave primaria all'id.

Spero di essermi fatto capire. Boh

ok penso di aver capito cosa intendi...per questo ho ricreato la tabella con 3 campi(id,nome,anno)
id:varchar 20
nome:text 30
anno:int 4

PS.se una foto si chiama AB01.jpg il tipo del campo è sempre varchart??
PPS.access era tt un altra cosa

PPPS. grazie 1000 per l'aiuto che mi offri!!!

[memai]

Si per AB01.jpg va benissimo varchar

Alla fine sono riuscito a creare la tabella...dovrebbe funzionare...
Adesso arriva la parte del codice php.

Ho creato 3 pagine in php.
1. uploadfoto.php
2. foto.php
3. elencofoto.php

Ho copiato il testo che mi hai scritto sopra e mi manca qualche passaggio.
Ti dico subito che non ho fatto la pagina per il login quindi a meno che non trovi un modo per farla devo togliere la protezione.
Per questo quando apro la connessione ho tolto la parole 'tuapassword'.Spero basti quello.

Poi...

//Se non la crei manualmente ti dico io come da php creare una tabella per contenere le foto tenendo conto che noi useremo soltanto una tabella e quindi col campo dell'anno

$tabella= 'CREATE TABLE foto(
id  INT(255) NOT NULL AUTO_INCREMENT,
immagine varchar(255) NOT NULL,
anno varchar(4) NOT NULL,
PRIMARY KEY (id)
)';
mysql_query($tabella) or die(mysql_error()); 

di questo ho capito poco o niente:( e penso che non coincida qualcosa con la mia tabella nella quale io ho i campi id(PK) varchart 20, nome text, anno int 4.
Ho sbagliato nel creare la tabella??


Poi carico le foto sia sulla directory che sul database e qui è un po più chiara la cosa:)

Prima di passare alle altre 2 pagine spero tu riesca ad illuminarmi su queste cosine..

Grazie ancora per l'aiuto!!!

[memai]

$tabella= 'CREATE TABLE foto(
id  INT(255) NOT NULL AUTO_INCREMENT,
immagine varchar(255) NOT NULL,
anno varchar(4) NOT NULL,
PRIMARY KEY (id)
)';
mysql_query($tabella) or die(mysql_error());

Questo sarebbe il codice per creare una tabella mysql dal PHP, dato che tu hai creato manualmente la tabella per le foto, questo metodo per creare una tabella dal codice PHP puoi anche non usarlo.

Allora..questa è la pagina uploadfoto.php che dovrebbe caricare le foto nel DB

<html>
<head>
  <title>
    <?php 
      echo "Pagina di prova PHP";
    ?>
  </title>
</head>
<body>

<form action='' method='post'>
Anno foto: <input type='text' name='anno'> 
<input type='file' name='foto'><br/>
<input type='submit' name='inviafile' value='Carica'>
</form>

  <?php
    //inizialmente apro la connessione al database
$conn=mysql_connect('localhost' , 'idragonidelpo');
mysql_select_db('my_idragonidelpo' ; $conn);

//ora non ci resta che caricare la foto

if($_POST['inviafile']){
//Carico foto nella directory
$anno=$_POST['anno'];
$dir='foto/$anno/';
$tmp = $_FILES['foto']['tmp_name'];
$foto = $_FILES['foto']['name'];
move_uploaded_file($tmp, "$dir.$foto");
//carico foto nel database
mysql_query("INSERT INTO foto(immagine , anno) VALUES('$foto' , '$anno')");
//con questo abbiamo caricato la foto sia sul database sia sulla nostra directory, questo se tutto funziona, dovrebeb andare, non sto controllando
}
?>

<?php
//Starto qualsiasi sessione
session_start();
//creo i link questa sarà fatta a mano io faccio solo alcuni cenni di ciò che dovrai fare, ti elenco due tre anni
echo "<a href='?redirect=2008'>Foto 2008</a><br/>
<a href='?redirect=2009>Foto 2009</a><br/>
<a href='?redirect=2010'>Foto 2010</a>";
//creati tutti i link che ti inttyeressano ora  facciamo il redirect alla pagina delle foto che possiamo chiamare come vogliamo ad esempio elencofoto.php.
if($_GET[redirect]){
$var=$_GET[redirect];
$_SESSION['anno']=$var;;
header("Location:elencofoto.php");
}
//Ok ora creaimo la pagina elencofoto.php
?>

</body>
</html>

Però se provo a farla andare in esecuzione mi dice

Parse error: syntax error, unexpected ';' in /membri/idragonidelpo/uploadfoto.php on line 20

[memai]

Mi spiace ho notato che hai copiato e incollato e io sono uno che sbaglia a scrivere molto spesso, io sono Molto portato a sbagliare le più piccole cose come ";" mancanti o come ", che diventano;" o scambio o dimentico le parrentesi, quindi se noti degli errori guarda dove dimentico le parentesi:


Hai scritto:
$conn=mysql_connect('localhost' , 'idragonidelpo');
mysql_select_db('my_idragonidelpo' ; $conn);


Devi scrivere:

$conn=mysql_connect('localhost' , 'idragonidelpo');
mysql_select_db('my_idragonidelpo' , $conn);


devi separare le "cose" con una virgola

Il problema è che sfuggono anche a me questi piccoli dettagli cmq ho corretto e uploadfotto.php funziona (almeno credo).

Ora dovrei mettere una password in modo che nessuno carichi le foto sul database ma questo lo faccio a lavoro finito.

La seconda pagina è foto.php la quale da quello che ho capito deve solo fare scegliere all'utente l'anno...
Cliccando su un anno mi si apre elencofoto.php la quale xò è bianca anche se ho fatto l'upload di 2 foto per l'anno 2008

ecco i codici di foto.php

<html>
<head>
  <title>
    <?php 
      echo "Pagina di prova PHP";
    ?>
  </title>
</head>
<body>
  <?php
//Starto qualsiasi sessione
session_start();
//creo i link questa sarà fatta a mano io faccio solo alcuni cenni di ciò che dovrai fare, ti elenco due tre anni
echo "<a href='?redirect=2008'>Foto 2008</a><br/>
<a href='?redirect=2009>Foto 2009</a><br/>
<a href='?redirect=2010'>Foto 2010</a>";
//creati tutti i link che ti inttyeressano ora  facciamo il redirect alla pagina delle foto che possiamo chiamare come vogliamo ad esempio elencofoto.php.
if($_GET[redirect]){
$var=$_GET[redirect];
$_SESSION['anno']=$var;;
header("Location:elencofoto.php");
}
//Ok ora creaimo la pagina elencofoto.php
?>
</body>
</html>

e elencofoto.php

<html>
<head>
  <title>
    <?php 
      echo "Pagina di prova PHP";
    ?>
  </title>
</head>
<body>
  <?php
//inizialmente apro la connessione al database
$conn=mysql_connect('localhost' , 'idragonidelpo' , 'tuapassword');
mysql_select_db('my_idragonidelpo' , $conn);

//poi starto le sessioni non specifico quale per comodità
session_start();
//ora  anche senza specificare se una sessione stia lavorando o meno, cosa che  ci può anche non interessare  mostriamo  le foto in base al link cliccato

$anno=$_SESSION['anno'];

$selfoto=mysql_query("SELECT * FROM T_foto WHERE anno='$anno'");
//mostro le foto con un ciclo semplice semplice
while($foto=mysql_fetch_array($selfoto)){
echo "<img src='".$foto['immagine']."' width='300' height='400'> ";
}

?>
</body>
</html>

PS. come mai nella pagina elencofoto.php quando apro la connessione al db mi dovrebbe chiedere la foto??
Questa pagina non è quella che dovrebbe mostrare le foto agli utenti??quindi senza bisogno di psw??

[memai]

Come è fatta la tabella nel phpmyadmin? Hai creato un campo chiamato anno? e se si nelle foto che hai caricato è presente il valore 2008 nel campo dell'anno?

Oppure il campo dove salvi l'indirizzo della foto si chiama immagine?

ti spiego, scrivendo:

//dipendentemente dal link creato, richiamo il valore della sessione['anno'] creata che avrà il valore  dell'"anno"  a noi inetressato, si capisce dall'url che hai cliccato in precedenza <a href='?redirect=[U]2008[/U]>blabla</a>
$anno=$_SESSION['anno'];

//seleziono il contenuto della tabella che ci interessa, cioè? Cioè seleziono con * "tutto" il contenuto  che c'è nella tabella foto e con WHERE  specifico il campo interessato , quindi anno e questo campo avrà il valore del link che abbiamo cliccato in  precedenza, quindi se abbiamo cliccato su ?redirect=2008 cercherà nella tabella tutte le foto che ha come valore nel campo dell'anno il 2008

$selfoto=mysql_query("SELECT * FROM foto WHERE anno='$anno'"); 

COmunque un'altra cosa errata può essere anche questa

$foto['immagine'] 

con la funzione mysql_fetch_array() richiamiamo fra le parentesi [ il nome del campo a noi interessato, quello dell'immagine è quello che a noi interessato, quindi ti consiglio di controllare che dove viene salvato l'url della foto sia in questo campo, ovvero campo "immagine" nel nostro caso

La tabella è la seguente:



nel caricare l'img ho fatto così:


e premuto "carica".

Poi...

COmunque un'altra cosa errata può essere anche questa
Codice PHP:
$foto['immagine']

Io non ho un campo immagine nella tabella e la mia tabella si chiama T_foto...quindi devo cambiare in $T_foto['anno'] ??

[memai]

Posso avere uno screenshoot della tabella T_foto? Basta che clicchi su mostra in alto a sinistra accantpo a struttura,

quello che devi cambiare è

da:


$selfoto=mysql_query("SELECT * FROM foto WHERE anno='$anno'");

a


$selfoto=mysql_query("SELECT * FROM T_foto WHERE anno='$anno'");

e nel while devi scrivere così per visualizzare una immagine, es:

while($foto=mysql_fetch_array($selfoto)){
         echo "<img src='".$foto['nome']."'>";
} 

Ecco qui




Cmq nn riesco ad andare su "Mostra" xk mi cambia il cursore cn una "X"
Mi dice che la tabella sembra essere vuota-.-

Ho cambiato quello che mi hai detto ma elencofoto.php rimane sempre bianca...

Ma...visto che mi dice che la tabella è vuota....il problema è in uploadfoto.php...

[memai]

Ti consiglio di usare l'edita per non scrivere piu' post senza violare qualche cosa,
comunque senza iniziare a parlare di qualcosa di cui io me ne infischio completamentee,
mostrami lo script che usi per l'upload

nn ho capito cosa intendi cmq ecco la pag uploadfoto

<html>
<head>
  <title>
    <?php 
      echo "Pagina di prova PHP";
    ?>
  </title>
</head>
<body>

<form action='' method='post'>
Anno foto: <input type='text' name='anno'> 
<input type='file' name='foto'><br/>
<input type='submit' name='inviafile' value='Carica'>
</form>

  <?php
    //inizialmente apro la connessione al database
$conn=mysql_connect('localhost');
mysql_select_db('my_idragonidelpo' , $conn);

//ora non ci resta che caricare la foto

if($_POST['inviafile']){
//Carico foto nella directory
$anno=$_POST['anno'];
$dir='T_foto/$anno/';
$tmp = $_FILES['T_foto']['tmp_name'];
$foto = $_FILES['t_foto']['name'];
move_uploaded_file($tmp, "$dir.$t_foto");
//carico foto nel database
mysql_query("INSERT INTO T_foto(nome , anno) VALUES('$T_foto' , '$anno')");
//con questo abbiamo caricato la foto sia sul database sia sulla nostra directory
}
?>


<?php
//Starto qualsiasi sessione
session_start();
//creo i link questa sarà fatta a mano io faccio solo alcuni cenni di ciò che dovrai fare, ti elenco due tre anni
echo "<a href='?redirect=2007'>Foto 2007</a><br/>
<a href='?redirect=2008'>Foto 2008</a><br/>
<a href='?redirect=2009'>Foto 2009</a><br/>
<a href='?redirect=2010'>Foto 2010</a>";
//creati tutti i link che ti interessano ora  facciamo il redirect alla pagina delle foto che possiamo chiamare come vogliamo ad esempio elencofoto.php.
if($_GET[redirect]){
$var=$_GET[redirect];
$_SESSION['anno']=$var;;
header("Location:elencofoto.php");
}
//Ok ora creaimo la pagina elencofoto.php
?>



</body>
</html>

dopo alcune modifiche mi fa vedere la parte "Mostra" della tabella..

ecco lo screen

[memai]

fai così al posto di creare 2 variabili, una per la directory e una per la foto, creane una sola, scrivi così:

$foto='foto/anno/.$_FILSE['foto']['name'];

e alla 14^ riga scrivi:

move_uploaded_file($tmp, $foto); //ho sbaglkiato io avevo scritto con le " e per questo non caricava le foto, errore mio, scusa

e alla 16^ riga scrivi:

mysql_query("INSERT INTO T_foto(nome , anno) VALUES('$foto' , '$anno')");

ho cambiato la 14^ e 16^ riga...
ma

$foto='foto/anno/.$_FILES['foto']['name'];

al posto di cosa devo metterlo??

[memai]

Al posto di:
$dir='foto/$anno/';
$foto = $_FILES['foto']['name'];

scrivi:

$foto='foto/anno/.$_FILES['foto']['name'];

ok...ora ho una sola variabile e ho modificato riga 14 e 16....ma nn mi sembra che cambia qualcosa:( elencofoto.php rimane bianco

[memai]

crea manualmente le cartelle, creane una nella sgtessa directory dove ci sono i file .php, chiamala "foto" poi apri la cartella foto e crea la cartella "anno" apri quest'ultima e ctrea una cartelal per ogni anno, dimmi una cosa ora, almeno in mysql ci sono dei valori? Anche se nulli? Ovvero si inseriscono delle righe anche se vuote?


SCUSA SCUSA SCUSAAAAAAAAAAAAAAAAAAAAAAAAA IL MIO SOLITO ERRORE NEGLI UP DEI FILEEE SCUSAAAAAAA
per prima cosa ti consiglio di creare manualmente le cartelle e poi sulla riga in cui crei il form

ovvero:

<form action='' method='post'> devi inserire l'enctype senza non ti upperà nulla, scusa mi dimentico sempre (tempo perso ti ho dato, scusa ancora)

scrivi questo sul form:

<form action='' method='post'  enctype='multipart/form-data'>