galleria miniature con ingrandimenti in stessa pagina [era: Immagini]

**Enzaccio** · 20-09-2009, 22:37

Originariamente inviato da evered
Qualcuno sa aiutarmi?

Ti vorrei indirizzare ad una soluzione, che poi semmai in seguito la cambi, ma per ora se ci spendi un po' di tempo non te ne pentirai; anche per imparare.

Come si usa(va) montare le foto su cartoncino, ora tu dovresti "montare" i file .jpg delle immagini, in un file .html che è uguale per tutte nella sua struttura, e te ne do' un esempio:

codice:

<html>
<body bgcolor="#909090" text="#000000" link="#FFFFFF" vlink="#FFFFFF">

<div align="center">

 <table border="0"><tr>
  <td align="center" colspan="3">Foto 2</td>
  </tr><tr>
  <td valign="middle"><big>indietro</big></td>
  <td align="center">[img]foto2.jpg[/img]</td>
  <td valign="middle"><big>avanti</big></td>
  </tr><tr>
  <td align="left" colspan="2">Descrizione / Dettagli</td>
  <td align="left" colspan="1"><big>chiudi</big></td></tr>
 </table>

</div>

</body>
</html>

Adatterai le scritte per Titolo e Descrizione, e (importante) gli URL negli href="" per ogni singola foto.
Copi-Incolli nel Blocco Note di Windows e fai Salva con nome... questo ad esempio lo chiami  foto-2.html

Alla fine se hai, diciamo 12 foto, ti ritroverai ad avere i file duplicati che possono anche mantenere lo stesso nome e trovarsi in una stessa cartella, del tipo:

foto-1.jpg   foto-1.html
foto-2.jpg   foto-2.html
foto-3.jpg   foto-3.html
...   ...
foto-11.jpg   foto-11.html
foto-12.jpg   foto-12.html

Un' evoluzione successiva, potrà essere far aprire queste pagine in una pop-up, una finestra più piccola della pagina con le thumbnails.

Cambia border="0" in border="1" per vedere come è strutturata la table

**evered** · 21-09-2009, 23:21

In effetti questa potrebbe essere una buona soluzione, però l'effetto grafico di lightbox mi ha sollazzato di brutto.

Questo è il codice che ho utlizzato:

codice:

<html>
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=windows-1252">
  <title>Paintings</title>
  <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
  <meta name="ProgId" content="FrontPage.Editor.Document">
  <link rel="stylesheet" href="css/lightbox.css"
 type="text/css" media="screen">
  <script src="js/prototype.js" type="text/javascript"></script>
  <script src="js/scriptaculous.js?load=effects"
 type="text/javascript"></script>
  <script src="js/lightbox.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css"
 href="_themes/slate/slat1011.css">
  <meta name="Microsoft Theme" content="slate 1011, default">
  <meta name="Microsoft Border" content="none, default">
</head>
<body>
<a href="images/acid%20queen.jpg" rel="lightbox[roadtrip]">image
#1</a>
<a href="images/alice.jpg" rel="lightbox[roadtrip]">image
#2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image
#3</a>
</body>
</html>

In questo modo appaiono i tre link, e quando provo a cliccarci sopra anziché l'immagine non si apre un bel niente.

**evered** · 22-09-2009, 11:21

Ok scusate, ho risolto. Grazie.

**evered** · 23-09-2009, 10:36

Come non detto, non funziona invece. Questo è il link:

http://alectart.altervista.org/paintings.htm

**Senamion** · 23-09-2009, 12:09

Se guardi la documentazione vedi che devi aggiungere delle opzioni al body, controlla bene!

**Senamion** · 23-09-2009, 12:10

Scusa, ho confuso con litebox, verifica invece che hai incluso i js e i css corretti.

**evered** · 23-09-2009, 12:14

beh sì, li ho scompattati così come erano seguendo alla lettera le istruzioni sul sito.

**Senamion** · 23-09-2009, 12:15

Si, ma l'hai inclusi nella pagina come c'è scritto?

**evered** · 23-09-2009, 12:18

Certo, ho inserito i codici stando attento a metterli rispettivamente nell'header e nel corpo. I file inoltre li ho messi nelle cartelle che dice il sito.

**Enzaccio** · 23-09-2009, 21:19

Dacché riscontro nell' HTML della tua pagina, URL relativi del tipo:

images/moonflower.jpg

riconponendo l' URL assoluto, che è:

http://alectart.altervista.org/images/moonflower.jpg

con questo in barra indirizzi Browser, dovrebbe apparirmi un' immagine, che però il Navigatore non trova.

Quindi per prima cosa, penso potrebbe esserci un problema di percorsi ....

Discussione: galleria miniature con ingrandimenti in stessa pagina [era: Immagini]

Strumenti discussione

Ricerca discussione

Visualizza

Un sistema della "belle epoque"

problema di path

Permessi di invio