Tutorial su PHP fotoAggiungi

April 27

Tutorial su PHP fotoAggiungi


È possibile creare vari progetti con il linguaggio di programmazione PHP, da ricchi contenuti Web alle applicazioni funzionali, come album di foto e forum di discussione. PHP si integra bene con MySQL e può essere incorporato come pure in codice HTML, il che significa che è possibile produrre applicazioni più intuitive per il tuo sito. A causa della sua solida integrazione con database MySQL, PHP può essere facilmente implementato a condividere i vostri progetti con altri utenti di Internet.

istruzione

1 Inserire il seguente codice all'interno della sezione <HEAD> della tua pagina web. Tutti i file necessari per questo codice sono disponibili anche per il download all'indirizzo Tutorialized.com:

<Script type = "text / javascript" type = "text / css" href = "ddphpalbum.css" />

Quando si scarica il file chiamato "getalbumpics.php.txt," rimuovere la parte txt per salvarlo in formato di file .php. Inoltre, posizionare il file nella directory che contiene tutte le immagini che si desidera visualizzare nel tuo album, mentre si memorizzano gli altri file nella stessa directory del disco.

2 Incollare il seguente codice alla sezione <BODY> della tua pagina web in cui si prevede di visualizzare il tuo album:

<Script type = "text / javascript">

nuova phpimagealbum ({

albumvar: myvacation, //ID of photo album to display (based on getpics.php?id=xxx)

Dimensioni: [3,2],

SortBy: [ "file", "asc"], // [ "file" o "data", "asc" o "disc"]

autodesc: "Photo% i", // Auto aggiungere una descrizione sotto ogni immagine? (Utilizzo parola chiave% i per posizione dell'immagine,% d per la data immagine)

showsourceorder: true, // ordinare Mostra fonte di ogni immagine? (Utile durante la configurazione fase)

onphotoclick: function (thumbref, thumbindex, thumbfilename) {

thumbnailviewer.loadimage (thumbref.src, "fit2screen")

}

})

</ Script>

3 Modificare la larghezza e l'altezza delle foto, che si trova all'interno "ddphpalbum.css" per allineare correttamente e visualizzarli nel tuo album:

.photodiv img {/

CSS per ogni tag immagine /

border: 0;

width: 200px;

altezza: 106px;

cursore: mano;

cursor: pointer;

}

4 Inserire il codice seguente alla foto del progetto album per darvi la possibilità di aggiungere manualmente descrizione alle immagini visualizzate:

<Script type = "text / javascript" src = "& lt; / script"> http://www.mysite.com/myimages/getalbumpics.php?id=myvacation "> & lt; / script>

<Script type = "text / javascript">

// Opzionale, descrizione manuale per particolari immagini all'interno dell'album

// Sintassi: albumid.desc [index] = "description immagine qui"

// Ad esempio: myvacation.desc [2] = "Questa è la descrizione per il 3 ° foto nell'album"

// Ad esempio: myvacation.desc [6] = "Questa è la descrizione per il 7 ° foto nell'album"

</ Script>

Il vostro album PHP è ora pronto per essere condiviso con altri utenti.

Consigli e avvertenze

  • Ridimensionare le foto prima di caricare loro di garantire che essi verranno visualizzati correttamente.
  • Non caricare file di foto di grandi dimensioni per il vostro progetto, perché rallentano il caricamento del tuo album fotografico.