Pregunta

Estoy usando un archivo de jquery el cual tiene una imagen de la funcionalidad de zoom:

http://www.albanx.com/jslibs/axzoomer.js

Todo está funcionando bien.Pero ahora necesito una característica que no está incluido con el plugin.En el zoom de la activación caso de que el nivel de ampliación predeterminado debe ser cambiado.

He trató de algo como esto:

imageLoaded:function()
{
    return this.each(function()
    {
        var $this = $(this);
        $this.zoomInOut(1.5);

        // zoomInOut(1.5);
    });
},

Pero no hubo suerte...Ya no estoy seguro de cómo las funciones están trabajando en jQuery, y el zoomInOut es la función dentro de la función como pensé...

Cualquier ayuda es muy apreciada.

ACTUALIZACIÓN

La función que se muestra antes de que se integra en este archivo js:

http://www.ifmi.lt/public/axzoomer/axzoomer-1.5.js ( Línea 382 ).

Para aquellos que no saben caliente el axzoomer obras:usted necesidad de proporcionar 2 imágenes en tamaño normal, otro de los grandes para el tamaño de zoom.A continuación, el zoom inicial a partir de la ampliación de la imagen pequeña, cuando la escala de la imagen es más de 1.2 a continuación, la imagen grande es la carga.

En mi código ya estoy usando el jquery.reel la biblioteca también he personalizado un poco la axzoomer enfoque.Cuando el zoom clic en el botón, a continuación, esta función se llama:

function zoomImage ()
{
    var value = Number ( $('#image360').attr('src').split ( '_' )[1].split ( '.' )[0] );

    $('#zoom-content').load( initiateZoom );

    $('#zoom-content').attr ( 'src', 'products/1/' + value + '.jpg' );
    $('#zoom-content').attr ( 'src-big', 'product/1/zoom/' + value + '.jpg' );

    $('#zoom-content').axzoomer({
        'maxZoom':3,
        'opacity':0.5,
        'sensivity':17,
        'showControls':false,
        'zoomIn':'',
        'zoomOut':''
   });
}

Después de la pequeña imagen ha sido cargada, el initiateZoom se llama a la función.El axzoomer ( 'imageLoaded' ); la función es accesible desde js, es llamado cuando la imagen se haya cargado:

function initiateZoom() 
{
    $('#zoom-content').axzoomer ( 'enable' );
    $('#zoom-content').axzoomer ( 'imageLoaded' );
}

Pero dentro de la imageLoaded ( en el axzoomer.js la función de partida en la línea 382 ) no puedo llegar a la zoomInOut función de zoom de la imagen en la carga inicial.

¿Fue útil?

Solución

bien, hecha un enfoque diferente para el problema y el problema se resolvió en ningún momento.

Aquí está el sollution.

el archivo: http://www.ifmi.lt/public/axzoomer/axzoomer-1.5+.js

  1. Añadido nuevo valor de parámetro:initialZoom ( línea 32 )
  2. Añadido la comprobación de la initialZoom parámetro ( línea 382 )

La nueva funcionalidad de cheques para el initialZoom parámetro, y si existe, se amplía la imagen de esa cantidad desde el centro de la imagen cuando el ax-zoomer inicializa.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top