Visualizzazione dei risultati da 1 a 10 su 10

Discussione: problema con lightbox

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    39

    problema con lightbox

    ciao ragazzi ho un problema con lightbox non riesco a capire come mai non funziona, ho già lavorato con quello script e non mi ha dato nessun problema...

    ecco tutto il codice della pagina

    -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Media</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
    <!--
    .Stile3 {font-size: 24px}
    -->
    </style>

    <script src="/lightbox/js/prototype.js" type="text/javascript"></script>
    <script src="/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

    <script src="/lightbox/js/lightbox.js" type="text/javascript"></script>

    <script type="text/javascript">

    document.observe('dom:loaded', function () {
    $$('.contact-link').each(
    function(e){
    Event.observe( e, 'click', function(){
    var foo = ('lokes' + 'h.dhakar@' + 'gmail.c' +'om')
    window.location.href = 'mailto:' + foo; return false;
    })
    }
    );
    });

    </script>

    </head>
    <body>
    <div id="header">
    <h1>The DLK79</h1>
    <h2>the official web site </h2>

    </div>
    <div id="menu">
    <ul>
    [*]Home
    [*]Biografia
    [*]News
    [*]Eventi
    [*]Media

    [*]Contatti
    [*]Forum
    [*]My Space
    [*]Sponsor
    [/list]
    </div>
    <hr />
    <div id="page">

    <div id="content">
    <div class="post">
    <h2 class="title">Media</h2>
    <div class="entry">
    <table width="100%" >
    <tr>
    <th width="34%" scope="col"><span class="Stile3">FOTO</span></th>
    <th width="34%" scope="col"><span class="Stile3">VIDEO</span></th>

    <th width="32%" scope="col"><span class="Stile3">TESTI E CANZONI </span></th>
    </tr>
    </table>
    <h2 class="title">NOVITA'</h2>


    C</p>
    <h2 class="title">Foto</h2>
    [img]images/foto/orizzontali/Alemax_02.jpg[/img]

    [img]images/foto/orizzontali/Alemax_03.jpg[/img]



    <h2 class="title">Video </h2>
    [img]images/Alemax_01.jpg[/img]

    <h2 class="title">Testi e canzoni</h2>


    Clicca sul titolo della cazone per leggere e ascoltare il testo </p>
    </div>
    <p class="meta"><span class="byline">Redatto da Fracesco</span> </p>

    </div>
    </div>
    <div id="sidebar">
    <ul><li id="search"><form id="searchform" method="get" action="">
    <div>
    <input type="text" name="s" id="s" size="15" />


    <input name="submit" type="submit" value="Search" />
    </div>

    </form>

    <li id="calendar">
    <h2>News</h2>
    <ul>
    [*]prova (3)

    [/list]


    <h2>Canzoni</h2>

    [/list]
    <div style="clear: both; height: 40px;"></div>
    </div>

    <div style="clear: both;"></div>
    </div>


    <hr />
    <div id="footer">


    2008 Design by Chiesa Francesco</p>
    </div>

    <div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
    Design by Chiesa Francesco- personal frien of DLK79</div>
    </body>
    </html>


    questa è tutta la pagina perchè io non riesco a trovare il minimo problema, però essendo inesperto potrebbe sfuggirmi qualcosa
    grazie mille

    a chi interessasse vedere la pagina è :http://chiesa92.altervista.org/media.html

  2. #2
    Che siano i 2 doppi apici di troppo prima del tag alt ?

    codice:
    alt=""Plants: image 1 0f 4 thumb"
    Oppure manca il css della lightbox ?

    o ancora potrebbe essere questo che da fastidio:

    codice:
    	<script type="text/javascript">
    	
    		document.observe('dom:loaded', function () { 
    			 $$('.contact-link').each(
    				function(e){
    			 		Event.observe( e, 'click', function(){ 
    						var foo = ('lokes' + 'h.dhakar@' + 'gmail.c' +'om')				
    						window.location.href = 'mailto:' + foo; return false;
    					})	
    				 }
    			 );
    		});
    		
    	</script>
    Comincia a sistemare quelle 2 cosine che ti ho detto e poi vai per esclusione, leva quel codice javascritp e ritenta, forse sarai più fortunato

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    39
    ho creato una pagina pura dove compara solo il codice riferito a lightbox così per evidenziare meglio...
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
      <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,builder" type="text/javascript"></script>
    	<script src="js/lightbox.js" type="text/javascript"></script>
    
    	<script type="text/javascript">
    	
    		document.observe('dom:loaded', function () { 
    			 $$('.contact-link').each(
    				function(e){
    			 		Event.observe( e, 'click', function(){ 
    						var foo = ('lokes' + 'hdhakar2007@' + 'gmail.c' +'om')				
    						window.location.href = 'mailto:' + foo; return false;
    					})	
    				 }
    			 );
    		});
    		
    	</script>
    
    
    
    </head>
    
    <body>
    
    [img]images/foto/verticali/Alemax_01.jpg[/img]
    [img]images/foto/verticali/Alemax_01.jpg[/img]
    [img]images/foto/verticali/Alemax_01.jpg[/img]
    </body>
    </html>
    ho provato molte cose aggiungi codice css togli codice controlla i vari link controllo errori di scrittura controllo script nulla
    io ho preso le informazioni da questo sito http://www.huddletogether.com/projects/lightbox2/

    avevo già fatto il tutto una volta mi sono confrontato con il codice di quella pagina, con altri siti fatti da me con lightbox stessa versione ma nulla...
    spero che qualcuno mi riesca a risolvere il problema grazie in anticipo

  4. #4
    js/prototype.js
    js/scriptaculous.js?
    js/lightbox.js




    hai portato quei file nella tua cartella principale?

  5. #5
    Originariamente inviato da graffithouse
    hai portato quei file nella tua cartella principale?
    ennò se c'e scritto js/ vanno nella directory js :rollo:

  6. #6
    Originariamente inviato da graffithouse
    hai portato quei file nella tua cartella principale?


    ennò se c'e scritto js/ vanno nella directory js

    infatti ho lasciato lo /.


    cmq, intendevo dire che magari lui ha solo messo il codice di riferimento sulla pagina, e non ha portato quei file nella cartella del suo sito, o magari li ha presi e gettati fuori, invece che lasciarli nella cartella js.

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    39
    nono il percorso è corretto
    i file ci sono tutti e sono tutti collegati nella cartella principale

  8. #8
    prova questa:

    te hai messo nel cdice





    prova a numerare le immagini in ordine
    1of4
    2of4
    e cosi via

  9. #9
    Il codice è un casino, le indicazioni pure !

    Continua a mancare il css della lightbox, in questo modo non ci saltiamo fuori

  10. #10
    Buongiorno,

    Mi intrometto in questo tread poiché anche io riscontro un problema simile.
    Il link della pagina (in fondo!) è questo http://www.misericordialucca.org/attivita.html
    Cliccando su uno dei tre link si apre la foto in una nuova finestra.

    Le foto sono dentro la cartella _LIGHTBOX2
    Ho inserito le 4 righe nell' head inserendo _LIGHTBOX2 prima di images
    Ho modificato il file lightbox.js inserendo _LIGHTBOX2 prima di images

    Questa procedura funziona su tophost, su questo host (aruba), no

    Suggerimenti ?

    EDIT:
    Reinserendo lightbox.js originale, funziona tutto.

    EDIT 2:
    --domanda probabilmente banale--
    Come posso (se possibile) "avviare" uno slide-show, inserendo un solo link?
    Esempio:
    Nella cartella images ho le immagini:
    • images-1.jpeg
    • images-2.jpeg
    • images-3.jpeg
    • images-4.jpeg

    se metto questo codice:
    [img]LIGHTBOX2/images/thumb-1.jpg[/img]
    dovrebbe accadere ciò che voglio ?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.