Ecco una nuova galleria di immagini in flash implementata dal sottoscritto, l’ho chiamata Slide Gallery XML in quanto le immagini vengono visualizzate con un effetto lightbox in orizzontale come delle slide.
Le immagini vengono prelevate da un file esterno XML, e tramite uno scroll orizzontale è possibile scorrerre tra le varie immagini, cliccandoci sopra avremo la possibilità di visualizzare le immagini con un effetto lightbox
Andiamo a vedere insieme come configurare il file XML:
<xml>
<folder>
<image img='lost_01.jpg' w='314' h='400' link='images/lost_01.jpg' />
</folder>
</xml>
- img: link relativo (julius.jpg) o assoluto (http://www.dominio.it/julius.jpg) dell’immagine
- w: larghezza
- h: altezza
- link: link relativo (julius.jpg) o assoluto (http://www.dominio.it/julius.jpg) dell’immagine da aprire in Lightbox
In seguito verranno realizzate altre implementazioni aggiuntive.
252 Commenti
Grazie Mille Julius! Ora funziona correttamente, ma un ultima cosa, se io inserisco 4 immagini nn funziona perchè? Mi funziona solo con + di 6.
Ho risolto! basta cambiare al frame 2 line 99
if (nextImg ==3) {
Grazie Julius!
ciao, bellissima galleria!!!
provo a fare funzionare i link nel xml ma non si apre l’effetto lightbox, mette la manina ma niente non apre la foto.
Grazieeeeeeeeeeeee
Julius ultima cosa……. Ma come si fa a togliere l’entrata delle foto? vorrei che mi apparissero senza entrare..ovviamente ti chiede troppo se fossero in dissolvenza
@eugenie controlla di avere tutti i javascript e di fare le prove quando la galleria è dentro una pagina html con i richiami ai file js
@moreno l’entrata viene fatta quando sono state caricate le prime foto…
Per non farle entrare da destra basta cambiare la classe tween utilizzata per lo spostamento
Ciao Julius
vorrei usare la tua splendida slide gallery in un sito dedicato all’ecocardiografia veterinaria…non sono decisamente ferrata in materia informatica ma sono riuscita a sostituire le foto con quelle che mi servivano.
Mi piacerebbe però che cliccando sulla foto degli autori del sito si aprisse il loro curriculum…è possibile?E se sì come devo fare? Scusa se per caso hai già spiegato come fare…ho letto tutti i post ma il 99% per me è arabo :-)
Grazie mille
Ciao
fotogramma 2 linea 67 ti basta cambiare questa riga di codice…
getURL("javascript:flashLightbox('"+this.link+"');");in
getURL(this.link,"_blank");Dove this.link sarà uguale al parametro link scritto all’interno del file XML esterno
Ciao Julius,
innanzitutto complimenti per la galleria, è veramente fichissima!
Ho due problemi:
1) la barra scorre le immagini al contrario (le immagini seguono lo spostamento della barra)
2) le ultime 2 immagini vengono tagliate
Ti descrivo le modifiche che ho apportato:
– ho ridimensionato lo stage a 500 x 200
– ho spostato e ridimensionato la barra di scorrimento a 50
– ho inserito 6 immagini di dimensioni w=’78’ h=’162′ – w=’119′ h=’162′ – w=’115′ h=’162′
Ti ringrazio per l’aiuto.
Ciao cristian
per la prima domanda ovviamente è voluto, per cambiare potresti porvare a modificare i parametri dello scroller invertendo le posizioni
Per la seconda hai cambiato questo parametro?
Ciao Julius, ma come faccio a cambiare la classe tween per averle gia in posizione? senza farle entrare. guarda ho applicato l’effetto sul mio sito ma ci mette molto a caricare. http://www.morenospagnuolo.eu
Ciao Julius .. Gran bel lavoro .. Non riesco a capire quali impostazioni devo tenere per farla funzionare offline .. L’ho scaricata così com’è ma offline al click non apre nulla .. Quale arcano c’è ?
Grazie
Massimo
@Massimo ciao ecco l’arcano
@moreno trovi la classe tween nel codice, dovrebbe bastarti cambiare le impostazioni delle coordiante..
Avevo già effettuato quella modifica ma quando clicco sull’immgine non apre nulla .. Magari devo tenere il java aperto?
no..
in locale non funzionerà in remoto si
Ciao!
sono alle prime armi e vorrei capire il funzionamento base dell’inserimento di immagini esterne.
Vorrei provare a fare una gallery molto piu semplice di quelle che vedo in questo super sito, tipo quella di questo post, ma con le immagini che scorrono in orizzontale e senza nessun link (per adesso).
In pratica uno scorrimento orizzontale di immagini esterne (cosa che ho sempre fatto invece con immagini inseritein flash).
C’è per caso un esempio o un tutorial???
grazie 10000
ciao julius complimenti sei un mito,
volevo chiederti come faccio nel file XML ad impostare il target del collegamento su un frame.
Grazie mille
Se voglio togliere la mano da sopra le foto come faccio dove trovo il codice nel as.
sul fotogramma 2 riga 60??? io non vedo quello che hai messo su i post sopra
vorrei togliere la manina cosi i miei swf che carico mi funzionano i pulsanti in essi dentro ciao e grazie
@teribile76 devi inserire un nuovo parametro nel file XML e farlo leggere a Flash e lo vai inserire nella funzione getURL al posto del JS richiamato ora per l’effeto Lightbox
@Enrico essendo un clipfilmato non è possibile non visualizzare la manina
con un pulsante basterebbe usare useHandCursor=”false”;
E scusa dove lo vado a mettere….
ma poi nei swf che carico si vede la manina ho vengono disabilitate anche li perchè su quelli che carico ho bisogno
e se non voglio aprire nessun jpg o swf non si riesce a togliere
vedi qui esempio vedi non riesco ad andare alla pagina due delle news e aprire i menu galllery
http://www.myspace.com/pasciaclubriccione
HELP ME HELP ME!!!!!!
DEVO RIUSCIRE AD DISATTIVARE LA MANINA E LASCIARE ATTIVATA SUI SWF CHE CARICO
:((((
Fotogramma 2
elimina da linea 65 a 83
Grazie alla fine l’avevo trovato comunque ancora grazie
Figurati
Ciao, stò testando la gallery e la trovo davvero fantastica, stò riscontrando però ho un problema con la larghezza massima delle foto, oltre 475px ti sovrappone la foto con quella seguente. Nella mia gallery ho la necessità di inserire delle immagini larghe 720px. è posibile? grazie!
non carica swf cmq . buona giornata
mhhh nessuna novità a riguardo le dimensioni delle foto? :(
Controlla di aver insrito la larghezza in numeri nel file XML
Le dimensioni erano corrette ma proprio non voleva saperene di andare. Ho eliminato tutto e rifatto da capo e ha funzionato a dovere. Proprio non riesco a capire che ci fosse di sbagliato. Grazie ciao
figurati ;)
ciao julius e complimeti per il blog.
Volevo chiederti se è possibile caricare, oltre alle img, dei video, inserendo al posto del link delle img, il percorso dei flie video.
Quindi, inizialmente, avrò sempre l’img statica ma su click con lightbox si aprirà se img -> img; se video -> file video.
Nel caso in cui non si potesse fare, potresti consigliarmi una galleria simile a questa, ma che carichi sia img che video?
Grazie infinitamente.
Questa galleria potrebbe fare al caso tuo
è a pagamento 25$ neanche tanto se consideri il cambio $ e €
Okay grazie Julius, corro a guardarla.
Ho provato a ridimensionare il fla, di quasi 100 px sia in larghezza che in altezza e funziona. ho modificato le dimensioni che mi interessavano anche nelle as, ma non riesco a ridimensionare la barra grigia dello slide. Il cursore va bene. E’ proprio la barra che rimane lunghissima. Non trovo le sue impostazioni.
Potresti aiutarmi?
Graize ancora.
Hai provato a diminuire le dimensioni se è un oggetto vettoriale o se è scritto in AS da codice?
si… non riesco solo a ridimensionare la barra dello slide, quella sottile… ma perchè non la trovo nè fisicamente, nè nell’as.
boh!!!
Grazie cmq.
Ciao Julius, complimenti per il visualizzatore.
Due domande:
1) L’ho modificato nelle dimensioni ed inserito sul sito e tutto funziona salvo che cliccando sull’immagine non apre nessuna foto. Ho provato a vedere all’interno dei file as e js ma non ho trovato nulla. Ho provato anche a spostare tutto sotto la root directory ma non cambia nulla. Che cosa posso fare?
2) Avrei la necessità che cliccando sull’immagine si apra un’immagine più grande. Non capisco però quello che scrivi: “basta inserire un altroparametro nel file XML magari image_big e nella funzione getURL invece di passare il parametro dell’immagine standar si fa passare il parametro image_big”…
Grazie per l’aiuto.
Ciao
Ciao julius, davvero una bella gallery!!
Ho una domanda da farti..sto lavorando in AS3 e volevo importare l’swf in questione dentro una mia pagina..il problema è che la galleria si ferma alla fase di caricamento e non visualizza le foto mentre se apro l’swf esternamente il tutto funziona..è un problema di compatibilità?si può risolvere?
Julius, ho risolto tutto. Grazie
ops… risolto quasi tutto… l’immagine che si apre con effetto lightbox compare dietro al filmato swf e non davanti come succede a te. Sto impazzendo… Dove ho sbagliato? Ciao e Grazie.
ciao ho letto che qualcuno ti aveva chiesto gia se fosse possibile mettere una riga di descrizione al passaggio del mouse, per caso hai avuto tempo di vedere come si faccia? grazie mille e complimenti
Ciao Julius,
la tua galleria è molto accattivante e vorrei poterla inserire in una pagina del mio sito.
E’ una pagina flash, 1024×768 completa di bottoni di navigazione con all’interno un riquadro di 800×600.
La galleria dovrebbe occupare in altezza la metà di questo riquadro, quindi avere le misure di L=800 e H=300
Le ho provate TUTTE! ma continua ad occuparmi tutto lo stage impedendo anche la visione dei bottoni.
Mi dai una mano? grazie infinite!!!
@Alessio il mio esempio ti funziona?
controlla il modo di pubblicazione del flash, io ho usato flashobject..tu forse i tag object e embde? se cosi usa la proprieta z-index
@mimmo ancora no..prometto di vederlo appena posso! ;)
@bibi spiegami un pò meglio…
In che modo carichi la galleria? Qual’è il problema?
Ciao,
sai, sono principiante e credo di sbagliare proprio il modo in cui carico la gallery.. ti spiego:
1) creo una nuova clip sulla libreria che chiamo “contenitore”
2) trascino la clip su un fotogramma della timeline e le dò il nome istanza “contenitore”
3) apro il pannello delle azioni per creare il contenitore e scrivo createEmptyMovieClip(“clip_contenitore”,1);
4)per caricarmi la gallery nel contenitore, sotto scrivo: clip_contenitore.loadMovie(“galleria Julius”.swf”);
Cosa sbaglio? non ho mai caricato una gallery in vita mia visto che ho sempr usato dreamweaver…ma flash è mooolto più bello!
grazie Julius
Se fai il passaggio 2 non ha senso fare il passagio 3
Il contenitore lo puoi creare da progettazione (passaggio 2) oppure utilizzando Actionscript (passaggio 3)
elimina il passaggio 3 e scrivi
loadMovie("galleria Julius.swf","_root.contenitore");Ciao Julius,
in realtà ho provato, ma la galleria non si vede..
l’unico modo per vederla è scrivere
loadMovie(“gallery.swf”, _root.root);
solo che così me la carica su una pagina diversa.
In realtà la mia pagina non è così complicata..è una semplice foto 800×600 che funge da sfondo, con dei bottoni animati.
Sopra alla foto vorrei far scorrere la tua gallery, ma sembra un’impresa impossibile! come mai?
ps. per realizzare una slide simile, ma più semplice con foto direttamente in flash, senza xml esiste un tutorial o simile?
non importa se non sarà uguale mi interessa solo l’effetto delle foto che scorrono e vorrei imparare a farla da sola.
Grazie a chi saprà rispondermi!
@bibi non è difficile seguimi
crea un clip filmato di nome istanza box
posizionalo sullo stage
ora sul pulsante
on(release){loadMovie("galleria Julius.swf","_root.box");
}
Se ancora non dovesse funzionare leggi qui bene!
ciao julius, la tua gallery è bellissima ed è proprio quello che mi serve per il mio sito, però volevo chiederti se è possibile fare in modo che la foto selezionata si apra a fianco dello scorrimento delle img o anche in un pop up….non so se mi sono spiegata…voglio dire, ad esempio, lo scorrimento a destra e quando clicchi sull’img che si apra a sinistra in grande. è possibile farlo?? premetto che sono alle prime armi con flash. grazie in anticipo per l’aiuto
ancora io… è possibile poi aggiungere uno spazio bianco tra le foto?
grazie