Attivazione Lightbox all'apertura della pagina

**ettore8** · 04-09-2007, 19:29

Ciao a tutti,

capisco molto poco di javascript e dopo alcuni tentativi decido di chiedere a voi ...

ho inserito Lightbox in una pagina con successo (quello per vedere le foto in overlayer) e quando clicco su una foto tutto funziona ...
quello che vorrei fare io invece è al caricamento della pagina avere l'immagine già overlayerata ...

come posso fare ?

Grazie

**pietro09** · 05-09-2007, 09:46

alla fine della pagina prova a mettere

codice:

</body>
</html>

<script type="text/javascript">
//-------------------------------------------------
//Aggiunge azioni all'evento Load
//
//Si può pure fare:
// addEvent(window, "load", func1, false);
// addEvent(window, "load", func2, false);
//-------------------------------------------------

function addLoadEvent(func) 
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function') 
	{
		window.onload = func;
	}
	else 
	{
		window.onload = function() 
		{
			oldonload();
			func();
		}
	}
}
    
addLoadEvent(function(){ window.setTimeout(function(){$("a1").onclick();},1)});    
</script>

dove a1 è l'id della foto che vuoi vedere
<a id="a1" rel="lightbox" ***

**ettore8** · 05-09-2007, 13:10

non va ....

**pietro09** · 05-09-2007, 13:14

Originariamente inviato da ettore8
non va ....

l'ho provato con IE7, Firefox2 e Opera9... e va

**ettore8** · 05-09-2007, 13:41

Originariamente inviato da pietro09
l'ho provato con IE7, Firefox2 e Opera9... e va

innanzitutto ti ringrazio per la disponibilità !

ti posto tutto il codice della pagina di prova ...

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript" src="src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="src/lightbox.js"></script>
<link href="src/lightbox.css" rel="stylesheet" type="text/css" />

</head>

<body>


Questa Ã¨ una mega pagina</p>



[img]Inverno.jpg[/img]</p>
</body>
</html>
<script type="text/javascript">
//-------------------------------------------------
//Aggiunge azioni all'evento Load
//
//Si può pure fare:
// addEvent(window, "load", func1, false);
// addEvent(window, "load", func2, false);
//-------------------------------------------------

function addLoadEvent(func)
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function')
	{
		window.onload = func;
	}
	else
	{
		window.onload = function()
		{
			oldonload();
			func();
		}
	}
}

addLoadEvent(function(){ window.setTimeout(function(){$("a1").onclick();},1)});
</script>

**pietro09** · 05-09-2007, 13:57

hai dimenticato di mettere:

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

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

<link href="src/lightbox.css" rel="stylesheet" type="text/css" />

**ettore8** · 05-09-2007, 14:08

perfetto, mancava il protytpe.js !

Grazie mille !

**Symbian** · 23-12-2007, 22:27

Ciao a tutti

sono Nicla la ragazza di Symbian...

Approfitto della sua iscrizione al forum per chiedere un aiuto...
A proposito di apertura di Lightbox ad apertura pg, io avrei la stessa necessità ma
con Lightbox2.
Ho provato come sopra descritto ma non funziona...e non ho dimenticato nulla...

Vi posto la pg con lo script che funziona perfettamente...
Se avete tempo mi dite come aprire il popup ad apertura pagina?
grazie a tutti

<!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>Lightbox JS v2.0 | Test Page</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">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>

</head>
<body>

<h1>Lightbox JS v2.0</h1>

by Lokesh Dhakar</p>

<h2>Example</h2>

[img]images/thumb-1.jpg[/img]

</body>
</html>

**pietro09** · 24-12-2007, 08:21

confermo che funziona con IE7, Firefox2 e Opera9

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>Lightbox JS v2.0 | Test Page</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">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
    <h1>
        Lightbox JS v2.0
    </h1>
    


        by Lokesh Dhakar
    </p>
    <h2>Example</h2>
    <a id="a1" href="images/image-1.jpg" rel="lightbox">
        [img]images/thumb-1.jpg[/img]
    </a>
</body>
</html>

<script type="text/javascript">
//-------------------------------------------------
//Aggiunge azioni all'evento Load
//
//Si può pure fare:
// addEvent(window, "load", func1, false);
// addEvent(window, "load", func2, false);
//-------------------------------------------------

function addLoadEvent(func) 
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function') 
	{
		window.onload = func;
	}
	else 
	{
		window.onload = function() 
		{
			oldonload();
			func();
		}
	}
}
    
addLoadEvent(function(){ window.setTimeout(function(){$("a1").onclick();},1)});    
</script>

confermo pure che non hai dimenticato nulla, tranne naturalmente l'ID dell'immagine da visualizzare

addLoadEvent(function(){ window.setTimeout(function(){$("a1").onclick();},1 )});

L'immagine ha id a1
perciò

<a id="a1" href="images/image-1.jpg" rel="lightbox">****

Buon Natale

**Symbian** · 24-12-2007, 11:14

...già...se non sei del mestiere...si vede... :rollo:
Grazie Pietro...

...tutto ok, funzia...
Scusate la mia ignoranza...
Già che sei così gentile...sto provando ad installare in locale Joomla 1.0.13...ho installato un server locale con Apache, php e MySql e l'ho configurato con la guida.
Poi dice "digita sul tuo browser l'indirizzo per accedere alla cartella di installazione, tipicamente http://localhost/Joom (nome cartella installazione in locale; la mia è "Joom") oppure http://127.0.0.1/Joom ma non riesco ad accedere in nessun modo.
Vorrei provare in locale qualche templates ma...
Avete qualche suggerimento?
Grazie ancora e Buon Natale a Pietro e a tutti

Nicla

Discussione: Attivazione Lightbox all'apertura della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Attivazione Lightbox all'apertura della pagina

Permessi di invio