Mini Navigator

[Flep]

Un' altra risorsa gratuita per gli utenti di FlepStudio.

Si tratta di un semplice e veloce navigatore di immagini in Flash CS3.
Legge da un file XML, per cui basta sostituire gli url delle immagini all' interno del file XML.
Bisogna inoltre cambiare l' url del percorso al file XML, per farlo basta andare alla riga 33 del file LoadingXML.as .

Al rollover dei quadratini numerati, viene visualizzata l' immagine corrispettiva.
Inoltre, ognuno di voi può cambiare le grafiche e personalizzarlo in base alle proprie esigenze.

MINI NAVIGATOR
Flash CS3+XML

 

Descrizione
Galleria immagini che legge da un file XML esterno

Pacchetto files
main.fla
org.flepstudio package
images.xml
cartella con immagini di prova

Puoi scaricare i files nella sezione downloads di questo sito.

Importante : Aprire il file LoadingXML.as e alla riga 33 cambiare l' url di chiamata al file XML.

 

File XML:

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_0.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_1.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_2.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_3.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_4.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_5.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_6.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_7.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_8.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_9.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_10.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_11.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_12.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_13.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_14.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_15.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_16.jpg</image>
	<image>http://www.flepstudio.org/utilita/MiniNavigator/images/pic_17.jpg</image>
</root>

Allego i files sorgente:

[floppy]

Come per la Simple Gallery di cui attendevo ansiosamente un'aggiornamento, sarebbe bello potere aggiungere il clic sulle immagini per aprire l'immagine ingrandita o un URL (per usarlo anche come menu).
Come si fà ?

[floppy]

Nessuno sa come fare ?
:-(

[Flep]

Ciao

LoadingXML.as diventa così:

/*
 *************************************
 * Mini Navigator
 * http://www.FlepStudio.org         
 * © Author: Filippo Lughi           
 * version 1.0                       
 *************************************
 */
package org.flepstudio
{
	import flash.display.MovieClip;
	import flash.display.Loader;
	import flash.events.Event;
	import flash.net.URLLoader;
	import flash.net.URLRequest;
	import flash.xml.*;
	
	public class LoadingXML
	{
		private var _fla:MovieClip;
		
		public function LoadingXML(fla:MovieClip)
		{
			_fla=fla;
			this.loadXML();
		}
		
		private function loadXML():void
		{
			var loader:URLLoader=new URLLoader();
			loader.addEventListener(Event.COMPLETE,completeHandler);
			
			var request:URLRequest=new URLRequest('images.xml');
			try 
			{
				loader.load(request);
			} 
			catch(error:Error) 
			{
				trace('Impossibile caricare il documento.');
			}
		}
		
		private function completeHandler(event:Event):void
		{
			var result:XML=new XML(event.target.data);
			var myXML:XMLDocument=new XMLDocument();
			myXML.ignoreWhite=true;
			myXML.parseXML(result.toXMLString());
			var node:XMLNode=myXML.firstChild;
			var n:int=int(node.childNodes.length);
			for(var i:int=0;i < n;i++)
			{
				_fla.urls_array.push(node.childNodes[i].attributes['url']);
				_fla.paths_array.push(node.childNodes[i].firstChild.nodeValue);
			}
			
			_fla.loadImages();
		}
	}
}

ImageLoader.as diventa così:

/*
 *************************************
 * Mini Navigator
 * http://www.FlepStudio.org         
 * © Author: Filippo Lughi           
 * version 1.0                       
 *************************************
 */
package org.flepstudio
{
	import flash.display.MovieClip;
	import flash.display.Loader;
	import flash.events.*;
	import flash.net.URLRequest;
	import flash.display.BitmapData;
	import flash.display.Bitmap;
	import flash.geom.Matrix;
	
	public class ImageLoader 
	{
		private var _fla:MovieClip;
		private var clip:MovieClip;
		
		private var id:int;
		
		private var loader:Loader;
		
		private var url_:String;
		
		public function ImageLoader(fla:MovieClip,url:String,n:int)
		{
			_fla=fla;
			url_=url;
			id=n;
			
			_fla.info_txt.text='LOADING IMAGES, PLEASE WAIT...'+'\n'+(id+1)+' / '+_fla.paths_array.length;
			
			init();
		}
		
		private function init():void 
		{
			var request:URLRequest=new URLRequest(url_);
			loader=new Loader();
			initListeners(loader.contentLoaderInfo);
			loader.load(request);
		}
		
		private function initListeners(dispatcher:IEventDispatcher):void 
		{
			dispatcher.addEventListener(Event.COMPLETE,completato);
		}
		
		private function completato(event:Event):void 
		{
			createThumb();
		}
		
		private function removeListeners(dispatcher:IEventDispatcher):void 
		{
			dispatcher.removeEventListener(Event.COMPLETE,completato);
		}
		
		private function createThumb():void
		{
			var thumb:Bitmap=loader.content as Bitmap;
			
			clip=new MovieClip();
			clip.id=id;
			clip.visible=false;
			clip.addChild(thumb);
			
			_fla.container_mc.addChild(clip);
			_fla.images_array.push(clip);
			
			clip.id=id;
			clip.name='pic_'+id;
			
			if(id<_fla.paths_array.length-1)
				_fla.loadImages();
			else
				_fla.positionClips();
		}
	}
}

Main.as diventa così:

/*
 *************************************
 * Mini Navigator
 * http://www.FlepStudio.org         
 * © Author: Filippo Lughi           
 * version 1.0                       
 *************************************
 */
package org.flepstudio
{
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.text.TextField;
	import flash.net.*;
	import flash.events.ContextMenuEvent;
	import flash.ui.ContextMenu;
	import flash.ui.ContextMenuItem;
	import caurina.transitions.Tweener;
	
	public class Main extends MovieClip
	{
		private var file_xml:LoadingXML;
		
		public var paths_array:Array=new Array();
		public var images_array:Array=new Array();
		private var clips_array:Array=new Array();
		public var urls_array:Array=new Array();
		
		public var container_mc:MovieClip;
		
		private var counter:int=0;
		private const ROW_COUNT:uint=15;
		
		public function Main()
		{
			addEventListener(Event.ADDED_TO_STAGE,init);
		}
		
		private function init(evt:Event):void
		{
			removeEventListener(Event.ADDED_TO_STAGE,init);
			
			stage.frameRate=31;
			
			createContainer();
			loadXML();
			initMenu();
		}
		
		private function createContainer():void
		{
			container_mc=new MovieClip();
			addChild(container_mc);
		}
		
		private function loadXML():void
		{
			file_xml=new LoadingXML(this);
		}
		
		public function loadImages():void
		{
			var image_loader:ImageLoader=new ImageLoader(this,paths_array[counter],counter);
			counter++;
		}
		
		public function positionClips():void
		{
			removeChild(info_txt);
			
			for(var i:int=0;i < images_array.length;i++)
			{
				if(i>0)
					images_array[i].x=images_array[i-1].x+images_array[i-1].width;
			}
			
			createNavigation();
			viewClip(0);
		}
		
		private function createNavigation():void
		{
			for(var i:int=0;i

e il file XML diventa così:

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_0.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_1.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_2.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_3.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_4.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_5.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_6.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_7.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_8.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_9.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_10.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_11.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_12.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_13.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_14.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_15.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_16.jpg</image>
	<image url="http://www.flepstudio.org/">http://www.flepstudio.org/utilita/MiniNavigator/images/pic_17.jpg</image>
</root>

[floppy]

loadingXMl.as
e
Main.as
contengono errori di sintassi ....

Questo è il messagio che mi dà se tento di formattare e poi salvare .

:-(

[Flep]

Ah sì, non avevo sistemato i cicli e il tag CODE del forum li formattava male.
Prova adesso.

[floppy]

Nada !
Niente più errori, ma le immagini continuano a non essere cliccabili !

:-(

[Flep]

Non so che dire... a me funziona perfettamente.
Puoi scaricare l' esempio che ti ho fatto al seguente url:

http://www.flepstudio.org/sharing/floppy.zip

[floppy]

Il tuo esempio funziona anche a me !
E sì che avevo solo fatto copia-incolla dei codici da modificare.
Boh ??? ......

Comunque Grazie Infinite .
Sei veramente gentilissimo e ultra-disponibile !
Considerando che lo fai gratis, è da non credere !!!!!
:-)

[Slan]

Ciao ho modificato tutto e aggiunto le mie foto e da flash mi funziona tutto, ma nel momento in cui lo uppo nel mio sito mi da errori, ho modificato l'indirizzo nel loadingxml.as nella riga 33.

Error #2044: securityError non gestito:. text=Error #2048: Violazione della sicurezza sandbox: http://www.(miosito).it/MiniNavigator/main.swf non può caricare dati da http:\www.(miosito).it/MiniNavigator/images.xml.
at org.flepstudio::LoadingXML/::loadXML()
at org.flepstudio::LoadingXML$iinit()
at org.flepstudio::Main/::loadXML()
at org.flepstudio::Main/::init()

1-quando da dreamweaver aggiunto l'swf e poi lo hosto sul mio ftp, va bene che rimanga tutto in una cartella a parte "/(mioftp).it/MiniNavigator" compreso l'swf stesso?
2-l'swf deve stare nella stessa cartella del file images.xml e loadingxml.as o le directory vanno bene così come le hai impostate tu nel file "floppy.zip"?
3-l'unica stringa da cambiare è la 33 nel file loadingxml.as come hai indicato sopra?

le ho provate tutte e non so che fare. Ti ringrazio per una risposta futura
Ciao