Hacer un visor de una imagen muy grande aprox: (8500 x 3000 px)

[klaus?]

Necesito hacer un visor de imágenes muy grandes... (8500 x 3000 px) aprox.

Es para una especie de poster científico...

Existe algo open source o no cofcofcof hecho en Javascript y/o PHP o algo así para eso? fdsf

Obvio que el programa tendría que incluir una lupita (Fd) y una mano para moverse dentro de la imagen o conjunto de imagenes mejor dicho...

Alguna vez alguien usó algo parecido?

edit: creo que esto iría mejor en programación, bue ni me di cuenta fds

edit 2.0 nd: estoy viendo lo del API de Google MAP

edit 3.0 nggg: toqueteando con el photoshop encontré una opción para Exportar llamada Zoomify que te crea un swf que es lo que yo quería hacer... ya jue xD

si tienen otras ideas, posteenlas

[[DAS]]

Más que js y php no te conviene hacerlo en flash?.

/*******************************************************
 * Author: L. Tambiah
 * 
 * Date: 27th April, 05
 *
 * Program: Enables a user to zoom and drag into image.  
 * By holding the mouse button down over the image, will
 * cause the image to zoom gradually towards you.  On the 
 * release of the mouse the image will zoom out gradually
 * back to 100% and return to its home location with a 
 * smooth motion.
 *
 * FileName: dragZoom.fla
 *******************************************************/

 
function dragZoom(movieClip) {
    
    
/************************************************
 * Variables for home position of movieClip
 * NOTE! You will have to change these values
 * according to the movie size. See "readme.doc" 
 * for how to adjust this to your requirements.
 ************************************************/
    
    
      _global.homeX = 314;
      _global.homeY = 219;
    
    
/************************************************
 * Variable for the zooming speed. Adjust this
 * value to tweak the speed. The lower the value
 * the lower the zoom speed.
 ************************************************/
    
    
      _global.zoomIncrement = 10;
      

/**************************************************
 * You can change this variable to alter the zoom
 * amount. The default is 200 meaning the image will
 * scale to twice the size as 100 is the original size.
 * The higher the number the more the zoom will scale
 * the image.
 **************************************************/
 
 
      _global.zoomAmount = 200;
    
    
/*************************************************
 * Create a zoom in function
 * Function zoomIn checks if the current xscale 
 * and yscale is less than 200. If less than 200
 * the image  scales in x and y are increased by the
 * amount that zoomIncrement is set too.
 *************************************************/
 
 
function zoomIn(movieClip) {
    
    if(movieClip._yscale && movieClip._xscale < zoomAmount) {

      movieClip._xscale = movieClip._xscale + zoomIncrement;
      movieClip._yscale = movieClip._yscale + zoomIncrement;
        
    }  //end if statement
    
} //end zoomIn function


/**************************************************************
 * Create a zoom out function.
 * Function checks if the y scale and x scale is
 * greater than 100. If the image(movieClip) scale is
 * greater than 100 the scale is decreased by the zoomIncrement
 * value.
 **************************************************************/

 
function zoomOut(movieClip) {
    
    if(movieClip._yscale && movieClip._xscale > 100) {
        
      movieClip._xscale = movieClip._xscale - zoomIncrement;
      movieClip._yscale = movieClip._yscale - zoomIncrement;
      
    } //end the if statement
    
} //end the zoomOut function


/****************************************************************
 * A function for onMouseDown.
 * When the user holds the Mouse Down this activates the function.
 * On activation of the function the startDrag commands is issued
 * and the on enterFrame function is called which then calls the
 * zoomIn function created earlier. Due to the onEnterFrame properties
 * this enables the zoom to be called at the set frame rate of the movie
 * causing a continuous motion
 ****************************************************************/
        
        
    movieClip.onMouseDown = function() {
        
        this.startDrag();
        
    movieClip.onEnterFrame = function() {
            
        zoomIn(this);
        
        } //end onEnterFrame
    } //end onPress
    
    
/*****************************************************************
 * Releasing the mouse button involkes the stopDrag method and
 * excutes the onEnterFrame function. The onEnterFrame function
 * calls the zoomOut function which is effectively looped due to
 * the onEnterFrame method. The function also returns the movieClip
 * home to the original location in a smooth motion
 *****************************************************************/
 
 
    movieClip.onRelease = function() {
        
        this.stopDrag();
        
    movieClip.onEnterFrame = function() {
            
            zoomOut(this);
            
            // Send the image back to the home on release
            
            image._x = image._x - (image._x - homeX) / 5;
            image._y = image._y - (image._y - homeY) / 5;
            
    } //end on EnterFrame function
            
    } //end onRelease function
        
} //end programm dragZoom 

// Call the function dragZoom to activate!
dragZoom(image);

http://www.actionscripts.org/forums/showthread.php3?t=72499

[klaus?]

Sí xDD

al final terminé usando el Zoomify.. estoy intentando encontrar los .fla nuevos para editarle los botones y customizarlo más pero no encuentro nada excepto versiones viejas que son lo peor...

Voy a intentar usar ese que me pasaste, pero por lo que vi no es muy complejo... y la imagen es muy grande y es tipo un poster para leer con imágenes y texto.

Gracias igual.

[klaus?]

Este es el q estoy usando: http://www.zoomify.com/

Funciona de una manera muy parecida a la del google earth, maps, etc... divide la imagen original en partes para no hacer la carga demasiado pesada (la imagen pesa 30 mbs)

[[DAS]]

Ah cla, como que así iba a tardar un poquitito en cargar xD

Zoomify parece bueno, es plugin de ps?. Qué onda?.

[klaus?]

El Zoomify es un plugin del PS pero no lo crearon ellos...


O sea, es tipo una extensión... un programa dentro de otro (?)

Te lo podés bajar aparte sin necesidad de usar el photoshop, donde en un programa simplemente buscas la imagen y le das las dimensiones y especificaciones que queres del visor y te lo crea automáticamente.

Debo decir que funciona bastante bien, pero no pude encontrar un maldito .fla de la última versión para customizar un poquito los controles y ponerle un watermark (ya que la imagen tiene copyright...)

Igual, creo que está el metodo de poner un swf dentro de otro, que es el q estoy intentando usar ahora... a ver qué onda xD

(para la marca de agua)

Salu3

[[DAS]]

Para eso bajate un swf decompiler, te lo pasa a .fla y listo.

Yo lo usaba mucho cuando quería ver como habían hecho X efecto, y es de lo más útil.

[klaus?]

Sí, lo intenté pero no funcionó xD

O sea, lo hicieron bastante bien porque se ve que tiene una cierta dependencia para que funcione. El SWF por si solo no funciona, tiene que estar en un página con una cierta especificación (?) o algo así.

La cosa es que no funciona ningun swf decompiler