Lightbox ???

**gattommiao** · 18-04-2007, 16:02

Ho visto alcuni filmati con i bellissimi lightbox e varie indicazioni su come crearli es.
http://juliusdesign.wordpress.com/20...sh-e-lightbox/ (grazie Julius)

Vorrei sapere quale è la prassi da seguire.

nello zip di esempio ci sono i vari .js e . css .............
.....devono essere editati?
C'è uno script da inserire nel htm???

Grazie a tutti quelli che interverranno.

Ps.. Julius... te devi intervenire per forza

GATTOMMIAO

**Julius86** · 18-04-2007, 16:11

Effettivamente ho dato molto per scontato la parte riferita all HTML non citandola nell articolo (cosa che farò)

allora nella pagina HTML come vedi vengono richiamate lightbox.js e lightbox.css che servono per l'effetto del lightbox

poi ce il famosissimo flashobject.js che serve per il plugin, ma quella è un altra storia

in seguito ti basta dare al pulsante il richiamo del JS alla tua immagine esterna (image.jpg)

codice:

on(release) {
  getURL(”javascript:flashLightbox(’image.jpg’);”);
}

se vuoi altre info chiedi pure...

**byaur** · 18-04-2007, 16:13

penso non sia la sezione giusta...
....
....
EDIT:

scusate non avevo letto bene che si trattava di lightbox e flash...

/EDIT:

**gattommiao** · 18-04-2007, 17:54

Ciao di nuovo Julius86..
ho fatto un pò di prove e riepilogando posso dire per i meno esperti:
copiate i vari file di esempio nella directory del sito,
Incollate il codice nell' html
---------------------------
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript" src="flashobject.js"></script>
<style type="text/css">
@import "lightbox.css";
img { border:0; }
</style>

---------------------------
Correggimi se sbaglio.......

Questo è il mio html:

-----------------------------
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Anteprima con FlashLinghtBox</title>
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript" src="flashobject.js"></script>
<style type="text/css">
@import "lightbox.css";
img { border:0; }
</style>
</head>
<body bgcolor="#eaeaea">



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="prova" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="prova.swf" /><param name="quality" value="high" /><param name="salign" value="lt" /><param name="bgcolor" value="#eaeaea" /><embed src="prova.swf" quality="high" salign="lt" bgcolor="#eaeaea" width="100%" height="100%" name="prova" align="top" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

-------------------------------------

Il "popup" si apre però rimane nascosto dietro al filmato flash.

Dove sbaglio??

Grazie in anticipo.

GATTOMMIAO

**Julius86** · 19-04-2007, 10:31

molto probabilmente il tag <object> rimane in primo piano.

un piccolo accorgimento

Richiamare il JS

codice:

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

e poi inserire il filmato flash con il tag <object> non ha molto senso

infatti devi inserire le tue applicazioni in questo modo

codice:

<div id="flashcontent" align="center">
 <font size="1" face="Tahoma" color="#FF9900">scarica Flash Player </font>
</div>
<script type="text/javascript">
   var so = new SWFObject("prova.swf", "mymovie", "100%", "100%", "6", "#FFFFFF");
   so.addParam("quality", "best");
   so.addParam("wmode", "transparent");
   so.write("flashcontent");
</script>

in secondo luogo non capisco perchè inserisci l'applicazione a 100% visto che poi avrai un anteprima a tutto schermo... :master:

**gattommiao** · 21-04-2007, 16:27

Semplicemente perfetto.

Grazie mille di nuovo.

**brn** · 17-11-2009, 03:40

Originariamente inviato da Julius86
...

in seguito ti basta dare al pulsante il richiamo del JS alla tua immagine esterna (image.jpg)

codice:

on(release) {
  getURL(”javascript:flashLightbox(’image.jpg’);”);
}

se vuoi altre info chiedi pure...

PUERFAVORRR, all'interno del "getURL", c'è modo di aggiungere del testo x la descrizione dell'immagine???

Molte Grazie

Discussione: Lightbox ???

Strumenti discussione

Ricerca discussione

Visualizza

Lightbox ???

aggiungere testo?

Permessi di invio