Flash CS3 - Flash CS4

Free tutorials and scripts for all.
Actionscript 3.0

PhotoNavigator

This is a discussion on PhotoNavigator within the Utilità di FlepStudio forums, part of the Articoli e tutorials category; ciao, molto bella l'animazione, ma come faccio a modificare la grandezza dell'immagine grande? mi servirebbe almeno 800x500px grazie, ...


Go Back   Forum Flash CS3 Flash CS4 > Flash CS3 e Actionscript 3.0 > Articoli e tutorials > Utilità di FlepStudio

Register Blogs FAQ Members List Calendar Search Today's Posts Mark Forums Read
  #41 (permalink)  
Old 04-06-08, 09:27
Junior Member
 
Join Date: Nov 2007
Posts: 11
Rep Power: 0
ila74 is on a distinguished road
Re: PhotoNavigator

ciao, molto bella l'animazione, ma come faccio a modificare la grandezza dell'immagine grande? mi servirebbe almeno 800x500px
grazie, ciao
ilaria
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #42 (permalink)  
Old 04-06-08, 14:17
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,354
Blog Entries: 1
Rep Power: 6
Flep is on a distinguished road
Re: PhotoNavigator

Ciao

Prova a diminuire questo valore in PhotoNavigator.as

Code:
private var ratio:Number=12;
__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #43 (permalink)  
Old 04-06-08, 15:32
Junior Member
 
Join Date: Nov 2007
Posts: 11
Rep Power: 0
ila74 is on a distinguished road
Re: PhotoNavigator

perfetto, grazie mille!!!!
ciao




Quote:
Originally Posted by Flep View Post
Ciao

Prova a diminuire questo valore in PhotoNavigator.as

Code:
private var ratio:Number=12;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #44 (permalink)  
Old 16-06-08, 09:41
Junior Member
 
Join Date: Jan 2008
Posts: 1
Rep Power: 0
markosana is on a distinguished road
Re: PhotoNavigator

Ciao, grazie mille per la fantastica "applicazione" sto provando a configurare
personalizzando alune funzioni "visive": vorrei sovrapporre la "thumb" allo "zoom"
per una questione d'impaginazione...lo stage mi serve per altre funzioni:
sono riuscito a posizionarla spostando le x e y delle mask ma la thumb mi va sotto l'immagine ingrandida...come posso portarla sopra?

grazie
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #45 (permalink)  
Old 24-07-08, 10:57
Junior Member
 
Join Date: Jul 2008
Posts: 8
Rep Power: 0
lillix1 is on a distinguished road
Re: PhotoNavigator con immagine da xml e scroll

Ciao Flep.
Come faccio a cariacare le immagini da un xml esterno e far scorrere le immagini per sceglierle...?

Grazie ciao.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

photoFlow

  #46 (permalink)  
Old 24-07-08, 19:41
Junior Member
 
Join Date: Nov 2007
Posts: 7
Rep Power: 0
pazzotranquillo is on a distinguished road
Riferimento: PhotoNavigator

Ciao Flep,
complimenti vivissimi per questo file! Ho un "problema", vorrei diminuire il fattore di ingrandimento. Ho provato a mettere una foto + piccola ma ottengo lo stesso risultato. E' possibile? Grazie per l'aiuto.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #47 (permalink)  
Old 25-07-08, 22:23
Junior Member
 
Join Date: Nov 2007
Posts: 7
Rep Power: 0
pazzotranquillo is on a distinguished road
Riferimento: PhotoNavigator

Rieccomi qui. Sono riuscito a fare delle prove e ad ottenere il risultato desiderato.

Avrei ora un'altra domanda. Premetto che non sono a conoscenza della licenza con cui è rilasciato il codice, ma nel caso si possa modificare, è possibile inserire una didascalia sotto la foto e anche un logo sotto il thumbnail? Se sì, come?
Grazie anticipatamente a chi mi risponderà
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #48 (permalink)  
Old 28-07-08, 12:00
Junior Member
 
Join Date: Jul 2008
Posts: 25
Rep Power: 0
dadoge is on a distinguished road
Re: PhotoNavigator

è possibile caricare il rettangolino dello zoom posizionato in alto a sinistra, in un'altra posizione, ovviamente cambiando anche la zoom?

Ho fatto un po' di rigiri ma l'unico modo che ho trovato è quello di fargli caricare inizialmente una immagine del dettaglio zoommato (allego sorgenti), la cosa pur funzionante non è molto pratica dovendo ritagliare in maniera assai precisa la zona di interesse...

esiste un modo per impostare la posizione dello zoom?

Saluti
Attached Files
File Type: zip PhotoNavigator_map.zip (1.19 MB, 3 views)

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #49 (permalink)  
Old 28-07-08, 12:34
Junior Member
 
Join Date: Jul 2008
Posts: 25
Rep Power: 0
dadoge is on a distinguished road
Re: PhotoNavigator

come non detto risolto il problema (comincio a gestirmela decentemente)...allego sorgente...

in pratica ho aggiunto un

preview_mc.addEventListener(Event.ENTER_FRAME,draw Rectangle);

subito dopo il CreatePreview ed in tale funzione aggiungo un offset per spostare il rettangolino

preview_mc.x=offset_posx+thumb_mc.x;
preview_mc.y=offset_posy+thumb_mc.y;

avendo prima dichiarato la posizione su cui voglio spostarmi

private var offset_posx:Number=110;
private var offset_posy:Number=70;


...e come d'incanto all'avvio dell'animazione si sposta rettangolino e immagine zoommata...

Ciao

Code:
 
/*
 *************************************
 * PhotoNavigator    
 * Flash CS3 Blog con Tutorial e risorse per Flash cs3 e Actionscript 3.0         
 * © Author: Filippo Lughi           
 * version 1.0                       
 *************************************
 */
package org.flepstudio
{
 import flash.display.*;
 import flash.events.*;
 import flash.net.*;
 import flash.geom.Rectangle;
 import caurina.transitions.Tweener;
 
 public class PhotoNavigator extends MovieClip
 {
  private var pic_path:String;
 
  private var request:URLRequest;
 
  private var loader:Loader;
 
  private var father:MovieClip;
  private var mask_mc:MovieClip;
  private var thumb_mc:MovieClip;
  private var preview_mc:MovieClip;
 
  private var thumb_map:BitmapData;
 
  private var ratio:Number=12;
  private var offsetX:Number;
  private var offsetY:Number;
 
  private var offset_posx:Number=110;
  private var offset_posy:Number=70;
 
 
  public function PhotoNavigator(s:String)
  {
   pic_path=s;
   addEventListener(Event.ADDED_TO_STAGE,init);
  }
 
  private function init(evt:Event):void
  {
   removeEventListener(Event.ADDED_TO_STAGE,init);
 
   father=parent as MovieClip;
 
   stage.frameRate=31;
 
   loadPicture();
  }
 
  private function loadPicture():void
  {
   request=new URLRequest();
   request.url=pic_path;
 
   loader=new Loader();
   loader.contentLoaderInfo.addEventListener(Event.OPEN,setOpen);
   loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,setProg);
   loader.contentLoaderInfo.addEventListener(Event.COMPLETE,setComplete);
   loader.load(request);
  }
 
  private function setOpen(evt:Event):void
  {
 
  }
 
  private function setProg(evt:ProgressEvent):void
  {
   var percent:uint=(evt.bytesLoaded/evt.bytesTotal)*100;
   father.preloader_mc.loader_txt.text=percent.toString()+' %';
  }
 
  private function setComplete(evt:Event):void
  {
   father.preloader_mc.stop();
   father.removeChild(father.preloader_mc);
 
   var bitmap:Bitmap=loader.content as Bitmap;
   bitmap.smoothing=true;
 
   createThumb();
   createMask();
   addAll();
   createPreview();
   preview_mc.addEventListener(Event.ENTER_FRAME,drawRectangle);
 
 
 
   addListeners();
  }
 
  private function createThumb():void
  {
   thumb_map=new BitmapData(loader.width,loader.height,true,0xFFFFFFFF);
   thumb_map.draw(loader);
 
   var thumb:Bitmap=new Bitmap(thumb_map);
   thumb_mc=new MovieClip();
   thumb_mc.addChild(thumb);
   thumb_mc.width=loader.width/ratio;
   thumb_mc.height=loader.height/ratio;
  }
 
  private function createMask():void
  {
   mask_mc=new MovieClip();
   mask_mc.graphics.beginFill(0x33FFFF,.3);
   mask_mc.graphics.drawRect(0,0,(loader.width/ratio)*2,(loader.height/ratio)*2);
   mask_mc.graphics.endFill();
  }
 
  private function addAll():void
  {
   mask_mc.x=20;
   mask_mc.y=20;
 
   offsetX=mask_mc.x;
   offsetY=mask_mc.y;
 
   loader.x=mask_mc.x;
   loader.y=mask_mc.y;
   thumb_mc.x=mask_mc.x+mask_mc.width+20;
   thumb_mc.y=20;
 
   addChild(thumb_mc);
   addChild(loader);
   addChild(mask_mc);
   loader.mask=mask_mc;
  }
 
  private function createPreview():void
  {
   preview_mc=new Preview;
   preview_mc.width=Math.round(thumb_mc.width/ratio)*2;
   preview_mc.height=Math.round(thumb_mc.height/ratio)*2;
//   preview_mc.x=thumb_mc.x;
//   preview_mc.y=thumb_mc.y;
 
   preview_mc.x=offset_posx+thumb_mc.x;
   preview_mc.y=offset_posy+thumb_mc.y;
 
   addChild(preview_mc);
  }
 
  private function addListeners():void
  {
   preview_mc.mouseChildren=false;
   preview_mc.buttonMode=true;
   preview_mc.addEventListener(MouseEvent.MOUSE_DOWN,setThumbOver);
   preview_mc.addEventListener(MouseEvent.MOUSE_UP,setThumbOut);
   stage.addEventListener(MouseEvent.MOUSE_UP,setThumbOut);
  }
 
  private function setThumbOver(evt:MouseEvent):void
  {
   var rect:Rectangle=new Rectangle(thumb_mc.x,thumb_mc.y,thumb_mc.width-preview_mc.width,thumb_mc.height-preview_mc.height)
   evt.target.startDrag(false,rect);
   evt.target.addEventListener(Event.ENTER_FRAME,drawRectangle);
  }
 
  private function setThumbOut(evt:MouseEvent):void
  {
   preview_mc.stopDrag();
   preview_mc.removeEventListener(Event.ENTER_FRAME,drawRectangle);
  }
 
  private function drawRectangle(evt:Event):void
  {
   var t:Number=thumb_mc.width-evt.target.width;
   var p:Number=evt.target.x-thumb_mc.x;
   var percentage:Number=Math.ceil((p/t)*100);
   var movingX:Number=offsetX+(percentage/100)*(mask_mc.width-loader.width);
   Tweener.addTween(loader,{x:movingX,time:.2,transition:"linear"});
 
   var t2:Number=thumb_mc.height-evt.target.height;
   var p2:Number=evt.target.y-thumb_mc.y;
   var percentage2:Number=Math.ceil((p2/t2)*100);
   var movingY:Number=offsetY+(percentage2/100)*(mask_mc.height-loader.height);
   Tweener.addTween(loader,{y:movingY,time:.2,transition:"linear"});
 
  }
 }
}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #50 (permalink)  
Old 19-09-08, 15:24
Junior Member
 
Join Date: Jul 2008
Posts: 8
Rep Power: 0
lillix1 is on a distinguished road
Re: PhotoNavigator

Ciao.
Sono alle prime armi.
Potresti gentilmente dirmi come posso integrare il photo navigator alla galleria di immagini?
Mi servirebbe quanto meno sapere l'ordine delle operazioni che dovrei fare.
Cioè, partendo sempre da una galleria esistente, ho lo scroll delle immagini, clicco su una immagine...e come collego l'immagine a quella di photonavigator....e come faccio a dire a photonavigator quale immagine si deve caricare...
Mi fai sapere? mi chiarisci un pò le idee???
grazie.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
PhotoNavigator Flep FlepStudio utilities 6 05-06-08 08:01


All times are GMT. The time now is 19:43.


Powered by vBulletin versione 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC4
Forum SiteMap


FlepStudio
by Filippo Lughi
P.IVA 03605860406