foto gallery semprlice

[foxino]

Ciao ragazzi
sapete indicarmi se e' possibile con dreamweaver fare una piccola gallery fotografica?? cioe' mi spiego meglio detnro una tabella posizionata in css vorrei che ad un click su un bottone si caricasse una foto diversa presa magari da una cartella in modo che la foto sia sempre diversa.. in flash so che si puo fare.. e' possibile farlo anche in html??
grazie

[pierofix]

Ecco come ho fatto io (xhtml + javascript):

- http://www.itgmarinoni.it/visita/inf...i/galleria.php (xhtml)
- www.itgmarinoni.it/src/js/galleriafotografica.js (javascript)

[mutantex]

ciao hai pencsto a farlo come nalla pagina
www.sportmania-bz.com/sportmania.htm

[andrea.paiola]

In html si può fare, puoi usare tecnologie lato server (PHP o ASP)
Sul mio sito c'è un esempio di galleria in PHP e XHTML 1.1 che ti crea al volo le miniature, quindi senza usare database.

[foxino]

Grazie per aver risposto ragazzi,
La cosa che si avvicina a quello che intendevo e la pagina di pierofix, l unico problema e che se per voi php latoserver ecc sono cose naturali per me sono aramaico come gia detto il sito e' su solo per (spero) aiutare qualcuno quindi non c'e' nessuno altro scopo. Pierofix non e che potresti aiutarmi (tempo e volere permettendo a compilare una pagina o meglio la pagina e gia online
http://www.finalfantasyonline.it/screen.htm solo che a posto del pastrocchio che c'e' ora vorrei metterci una cosa tipo la tua in modo da mettere sempre foto nuove e non dover ogni volta cambiare il codice o altro),
So di chiederti parecchio, se hai tempo e ti va ne sarei lieto.
grazie ancora ragazzi

[andrea.paiola]

Pierofix non usa lato server... solo XHTML e javascript se non ho capito male.
Basta che modifiche e richiami nella tua pagina il file js che ti ha postato e il gioco è fatto!

[pierofix]

Il concetto è molto semplice: vediamolo.

Intanto javascript è lato client e non lato server, pertanto ha qualche problema di compatibilità; non preoccupiamoci, scriveremo in modo standard affinchè i desktop browser più diffusi (IE, FF, Netscape, Mozilla, Opera, ...) riescano a supportare gli script.


Questo è il javascript:

// 1. Percorso della cartella delle immagini
var pre="../../src/img/fotogallery/"

// 2. Elenco foto
var foto=new Array()
foto[0]=pre+'001.jpg'
foto[1]=pre+'002.jpg'
foto[2]=pre+'dirigente-01.jpg'

// 3. Elenco didascalie
var did=new Array()
did[0]='\"La sede dell\'Istituto a Udine\"'
did[1]='\"La nuova palestra\"'
did[2]='\"Franco Sguerzi, dirigente scolastico in carica\"'



// 4. NAVIGAZIONE
x=0

function showImg() {
	document.getElementById("immagine").src=foto[x]
	document.getElementById("immagine").alt=did[x]
	document.getElementById("didascalia").innerHTML=did[x]
}

function nextImg() {
	x++
	if (x>=foto.length) {x=0}
	showImg()
}
	
function prevImg() {
	x--
	if (x<0) {x=foto.length - 1}
	showImg()
}
	
function randImg() {
	x=Math.floor(Math.random() * (foto.length))
	showImg()
}

1. Viene creata una variabile var in cui viene memorizzato il percorso della cartella in cui risiedono le immagini; è un percorso relativo e va riferito alla pagina che conterrà la galleria fotografica.

2. Viene creato un array in cui ogni elemento conterrà il nome del file dell'immagine. Questo array va aggiornato manualmente ogni qualvolta aggiungi immagini nella cartella.

3. Questo array serve a contenere le discalie per ciascuna foto; funziona in parallelo con l'array precedente.

4. La serie di funzioni che verranno applicate ai pulsanti nella pagina che ospiterà la galleria: immagine precedente, successiva e pesca in modo casuale.

N.B. Le parti evidenziate in rosso (spero tu non abbia problemi alla vista) sono quelle che puoi modificare, ma attenzione dovranno essere le stesse anche nella pagina della galleria (sono evidenziate anche nel codice sottostante).


---


La pagina della galleria dovrà ospitare questi elementi:

[img] [/img]
<p id="didascalia">Attenzione: il browser non supporta Javascript.</p>
<script type="text/JavaScript"><!--
   randImg()
//--></script>

<form action=" "><fieldset>
   <input onclick="javascript:prevImg();" type="button" value="&lt;" title="foto precedente" />
   <input onclick="javascript:randImg();" type="button" value="?" title="pesca una foto a caso" />
   <input onclick="javascript:nextImg();" type="button" value="&gt;" title="foto successiva" />
</fieldset></form>

Javascript va scritto tutto attaccato!

Spero di essere stato chiaro, ma se hai ancora dubbi fammi/facci sapere.

[foxino]

allora vediamo se ho capito..
code:
[img] [/img]
<p id="didascalia">Attenzione: il browser non supporta Javascript.</p>
<script type="text/JavaScript"><!--
randImg()
//--></script>

<form action=" "><fieldset>
<input onclick="java scriptrevImg();" type="button" value="&lt;" title="foto precedente" />
<input onclick="java script:randImg();" type="button" value="?" title="pesca una foto a caso" />
<input onclick="java script:nextImg();" type="button" value="&gt;" title="foto successiva" />
</fieldset></form>

questa e la parte che andro ad aggiungere nella pagina screen.htm giusto??

e la prima che hai postato invece sara un file da uploadare nel server dove osto il sito giusto?

Pero' da come hai spiegato tu pierofix ogni volta che aggiungo delle foto dovrei modificare il file java, pensi che in flash sia meglio?
grazie per l aiuto ragazzi

[smal]

Vedi che dreamweaver crea già da se script in javascript per il caricamento di immagini casuali.

[pierofix]

Eh, sì, con il sistema che uso io occorre aggiornare il javascript (non java, che è un'altra cosa) ogni volta (se non inserisci millemila immagini alla volta non credo sia una gran fatica).

Io non vedo Flash adatto per il web, quindi mi spiace, non fare a me queste domande.

@smal
Le funzioni javascript che crea Dreamweaver sono spesso troppo pesanti e con elementi inutili: una volta imparato il linguaggio si possono creare soluzioni su misura e molto più affidabili.

Saluti a tutti,
Piero.