| Precedente :: Successivo |
| Autore |
Messaggio |
holifay
Dio maturo
Registrato: 08/03/05 09:48
Messaggi: 2912
Residenza: Milano
|
 Inviato: 19 Mag 2005 23:26 Oggetto: Galleria fotografica |
 |
|
Vorrei creare una galleria fotografica costituita da una sola pagina html che cambi la fotografia e relative descrizioni al cliccare del link next, o qualcosa del genere. Questo mi permetterebbe di modificare solo una pagina, invece di doverle aggiornare tutte (se ogni foto avesse la propria).
Premesso che non so niente di css e javascript  (conosco solo qualcosa di html) ho trovato in interent un tool gratuito che fa più o meno quello che vorrei:
FOW Fotos on the web
Mi crea un file css (posso scegliere tra 4 modelli) un file html con javascript e basta. Solo che è molto "spartano" perchè le immagini sono a sinistra e prevede poche aggiunte alla pagina (niente background o altre descrizioni...). Se devo modificarla manualmente perde un po' della sua utilità e se invece dovessi modificare i css non saprei da che parte partire 
Lo so che pretendo troppo, ma sapete se c'è qualche altro tool gratuito che possa fare al caso mio? 
Altrimenti...studierò  |
|
| Top |
|
 |
horus
Macchinista
Registrato: 22/03/05 09:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 20 Mag 2005 08:33 Oggetto: |
|
|
Ho guardato gli esempi legati al link che hai citato ma mi sembra che creino tante pagine html quante sono le foto.
Se ne vuoi una sola ci sono alcune possibilità semplici come questa e questa oppure, andando sull'elaborato puoi provare una galleria dhtml.
Tutti questi esempi richiedono la creazione di un elenco (array) javascript contenente i nomi, le descrizioni e quant'altro di tutte le foto disponibili per la pagina.
Credo sia superfluo dire che se javascript è disabilitato le gallerie non funzionano.
In alternativa (ma dipende anche da che hosting hai) ci sono le gallerie che vengono costruirte dinamicamente lato server. |
|
| Top |
|
|
holifay
Dio maturo
Registrato: 08/03/05 09:48
Messaggi: 2912
Residenza: Milano
|
| Inviato: 20 Mag 2005 12:48 Oggetto: |
|
|
lo sapevo che mi toccava studiare ...
Comunque Fow fa ance le gallerie con javascript |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 20 Mag 2005 13:03 Oggetto: |
|
|
per quel che riguarda acessibilità e validazione del codice non posso esserti d'aiuto..ma per esempi vari magari si...
vediamo se ho capito....vorresti una galleria così strutturata:
una singola pagina con le thumbnails visibili e la foto a grandezza intera che si apre sempre nella medesima pagina, con eventualmente anche dei semplici link -oltre alle thumbs- per andare alla foto successiva/precedente
e questo evitando frame, i-frame, e pop-up...
E fino a questo punto esempi in rete se ne trovano molti (dovrei averne anche nel mio hd magico)...il punto ulteriore è che vorresti poter caratterizzre detta pagina con un css che venga creato automaticamente da un programma per non scriverlo/editarlo a mano...
..però se si tratta solo di una galleria di immagini, una volta scelta l'impostazione della gallery, non è così difficile impostare sfondo e/o colori...a meno di non doverle dare un layout particolare per inserirlo in un contesto già predefinito nel resto del sito.... |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 20 Mag 2005 13:22 Oggetto: |
|
|
addenda: uno dei tanti programmini che fanno "tutto da soli"..
ThumbHTML permette la creazione di thumbnails (ma anche in formato diverso) dalle immagini contenute in una cartella. Poi si sceglie il numero di thumbnails per pagina e il titolo e, tramite "Make HTML" il programma creerà una pagina web; basterà poi fare l'upload della cartella sul proprio sito web..
ThumbHTML
dalla home page di cui sopra, un semplice esempio..cliccando su una thumbnail, si apre una pagina con la foto a dimensioni naturali...e i link avanti/indietro ed inizio/fine |
|
| Top |
|
|
horus
Macchinista
Registrato: 22/03/05 09:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 20 Mag 2005 13:33 Oggetto: |
|
|
L'esempio da te citato però crea tante pagine html quante sono le foto, rimane vero il fatto di poter creare un css comune a tutte per l'impostazione grafica.
@holfay: hai un esempio di come vorresti il risultato finale? Partendo da quello magari ci viene in mente la soluzione adatta alle tue esigenze. |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 18:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 20 Mag 2005 13:39 Oggetto: |
|
|
si, infatti horus..quello crea più pagine ma risponde all'esigenza di un programma che fa tutto da solo..e con un css esterno (facilmente editabile) si da la medesima impostazione grafica
mentre nel mio primo post chiedevo conferma al fatto che volesse una pagina con le varie thumb e sotto la foto a dimensioni naturali che si aggiornava sempre nella medesima e unica pagina...
..chiedevo appunto lumi -come te- sulla caratterizzazione grafica necessaria e/o qualche esempio proprio perchè non parrebbe così complicata da fare... |
|
| Top |
|
|
holifay
Dio maturo
Registrato: 08/03/05 09:48
Messaggi: 2912
Residenza: Milano
|
| Inviato: 21 Mag 2005 16:18 Oggetto: |
|
|
| horus ha scritto: | | L'esempio da te citato però crea tante pagine html quante sono le foto, rimane vero il fatto di poter creare un css comune a tutte per l'impostazione grafica. |
Ma no, fa anche una sola pagina html con i link semplici e i javascript per passare da una foto alla successiva. Il risultato è sul mio sito, cliccando su "un po' di foto" (non metto il link per non fare SPAM) 
Solo che le opzioni di personalizzazione sono molto poche e dovrei editare a mano. Non è per la fatica, ma quando aggiungo foto nuove e riutilizzo il tool per aggiornare la galleria, mi toccherebbe ripristinare tutto nuovamente a mano: background, descrizioni,...
@ioSOLOio
grazie, lo guarderò... |
|
| Top |
|
|
holifay
Dio maturo
Registrato: 08/03/05 09:48
Messaggi: 2912
Residenza: Milano
|
| Inviato: 27 Mag 2005 11:48 Oggetto: |
|
|
Chi mi spiega cosa non va? 
IE me la visualizza correttamente, Firefox no: cambia le immagini, ma non la descrizione ed il titolo. Se qualcuno se la sente...
| Codice: | <html>
<head>
<title>Galleria fotografica</title>
<script language="JavaScript" type="text/javascript"><!--Begin
Imgs = new Array( "foto1.jpg" ,"foto2.jpg");Titles = new Array( "1/2" ,"2/2");Descriptions = new Array( "desc1" ,"desc2");
var ImgToDisp = 0;
var TotalImgs = Imgs.length - 1;
//time delay in milliseconds
var delay = 5000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgToDisp= ImgToDisp+ direction;
if (ImgToDisp > TotalImgs) {
ImgToDisp= 0;
}
if (ImgToDisp < 0) {
ImgToDisp= TotalImgs;
}
document.slideshow.src = Imgs[ImgToDisp];
ImageTitle.innerText = Titles[ImgToDisp];
ImgDescription.innerText = Descriptions [ImgToDisp];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End
--></script>
</head>
<body>
<h1>Galleria fotografica</h1>
<h2 id="ImageTitle">1/2</h2>
<table><tr>
<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
<td><a href="index.html">Home page</a></td>
</tr></table>
<img src="foto1.jpg" name="slideshow"><p id="ImgDescription">desc1</p>
</body>
</html> |
|
|
| Top |
|
|
SverX
Supervisor Macchinisti
Registrato: 25/03/02 11:16
Messaggi: 11568
Residenza: Tokelau
|
| Inviato: 27 Mag 2005 12:02 Oggetto: |
|
|
| holifay ha scritto: | Chi mi spiega cosa non va?
IE me la visualizza correttamente, Firefox no: cambia le immagini, ma non la descrizione ed il titolo. Se qualcuno se la sente...
| Codice: | ImageTitle.innerText = Titles[ImgToDisp];
ImgDescription.innerText = Descriptions [ImgToDisp]; |
|
rimpiazza con
| Codice: | ImageTitle.innerText = Titles[ImgToDisp];
ImageTitle.innerHTML = Titles[ImgToDisp];
ImgDescription.innerText = Descriptions [ImgToDisp];
ImgDescription.innerHTML = Descriptions [ImgToDisp]; |
come scritto qui = ( Gecko-based browsers have no -innerText- ) |
|
| Top |
|
|
holifay
Dio maturo
Registrato: 08/03/05 09:48
Messaggi: 2912
Residenza: Milano
|
| Inviato: 27 Mag 2005 12:13 Oggetto: |
|
|
| SverX ha scritto: | | holifay ha scritto: | Chi mi spiega cosa non va?
IE me la visualizza correttamente, Firefox no: cambia le immagini, ma non la descrizione ed il titolo. Se qualcuno se la sente...
| Codice: | ImageTitle.innerText = Titles[ImgToDisp];
ImgDescription.innerText = Descriptions [ImgToDisp]; |
|
rimpiazza con
| Codice: | ImageTitle.innerText = Titles[ImgToDisp];
ImageTitle.innerHTML = Titles[ImgToDisp];
ImgDescription.innerText = Descriptions [ImgToDisp];
ImgDescription.innerHTML = Descriptions [ImgToDisp]; |
come scritto qui = ( Gecko-based browsers have no -innerText- ) |
GRAZIE!!
PS: ma se non vuole innerText, perchè poi ce lo devo mettere? 
(ammetto di non aver letto il link, forse la risposta era lì) |
|
| Top |
|
|
SverX
Supervisor Macchinisti
Registrato: 25/03/02 11:16
Messaggi: 11568
Residenza: Tokelau
|
| Inviato: 27 Mag 2005 12:15 Oggetto: |
 |
|
ops... ho dato per scontato che poi IE non capisse "innerHTML" ...
... invece funziona anche su IE, ho provato adesso e va... quindi puoi togliere le righe con innerText...
edit: va anche con Opera, casomai l'avessi voluto sapere... |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
