Non mi funziona il LightBox per le immagini! perchè?

**Angelic89** · 25-06-2009, 01:10

Salve a tutti!

ho guardato i tutorial http://www.lokeshdhakar.com/projects/lightbox2/ e quello di html.it http://css.html.it/articoli/leggi/24...box-con-i-css/

però ancora non capisco perchè non funzioni ..

ho inserito questi codici come c'è scritto di fare nell'header

codice:

<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>

ho messo le cartelle con i file css, js e images nel dominio e in seguito ho creato uno pagina di prova simile all'esempio del tutorial di html.it

http://lipstick-trace.net/video/prova.html

ecco il codice della pagina

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>Una galleria di immagini con Lightbox</title>
    <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>
    <style type="text/css">
        html,body{margin:0;padding:0}
        body{background:#333;color: #FFF; font: 76% Arial, Verdana, sans-serif}
        h1{margin:1em 0 0.2em;font:250% Georgia,"Times New Roman",serif;color:#ABCCE7}
        img{border:none}
        div#container{margin:0 30px}
        p{margin:0 0 3em}
        ul#gallery{list-style:none;margin:0;padding:0}
        ul#gallery li{float:left;margin-right:30px;padding:0}
        ul#gallery img{display:block;border: 4px solid #FFF}
    </style>
</head>
<body>
<div id="container">
<h1>Una galleria di immagini con Lightbox</h1>


In questo esempio la presentazione degli ingrandimenti &egrave; quella di default di Lightbox 2.</p>
<ul id="gallery">[*]prova[*]prova[*]prova[/list]
</div>
</body>
</html>

però quando clicco sopra prova non succede nulla =( l'immagine di prova è regolarmente inserita tra le immagini.. non capisco cosa non vada..

**Angelic89** · 25-06-2009, 11:26

ho posizionato ovviamente anche i file necessari per far funzionare il lightbox.. ovvero i js e i css.. però clicco su prova e non succede nulla.. eppure l'immagine c'è correttamente.. se poi vado agli indirizzi dei js e css ci sono regolarmente.. anche le immagini del lightbox.. eppure nulla =/

codice:

<script type="text/javascript" src="http://www.lipstick-trace.net/foto/lightbox/js/prototype.js"></script>
	<script type="text/javascript" src="http://www.lipstick-trace.net/foto/lightbox/js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="http://www.lipstick-trace.net/foto/lightbox/js/lightbox.js"></script>

**buribus** · 25-06-2009, 13:55

Manca il file builder.js di scriptaculous da incudere insieme ad effect.js: entrambi sono richiesti per il funzionamento del plugin che hai usato (lightbox 2).
Scusate se urlo ma penso sia utile:

PER UN VELOCE DEBUG DEGLI ERRORI JAVASCRIPT IMPARATE AD USARE FIREFOX E LA SUA ESTENSIONE FIREBUG

**Angelic89** · 25-06-2009, 15:45

ti ringrazio enormemente! sono stato tutto il giorno a cercare di risolvere!

grazie

Discussione: Non mi funziona il LightBox per le immagini! perchè?

Strumenti discussione

Ricerca discussione

Visualizza

Non mi funziona il LightBox per le immagini! perchè?

Permessi di invio