Cuestión : Usar el jqzoom (jquery)

Estoy utilizando el jqzoom para enfocar adentro en un producto, éste trabaja muy bien, no obstante lo he instalado de modo que cuando se chasca una uña del pulgar, la imagen principal cambie y la imagen del zumbido deba cambiar, pero éste no es working.

I ha agregado la imagen principal como el valor del href y la imagen del zumbido como el valor del rel, ambos parece conseguir pasada pero el tiro del zumbido no cambia: ¿href= " /products/page_e7dkp club-0081.jpg " class= " thumb1 " rel= " /products/e7dkp club-0081.jpg " src= " /image_resize.php del



  • My de &wh=45&xy=750e7dkp/>=products/ " es como abajo, usted puede ver el ejemplo en: rel= " nofollow " del " _blank " del target= de " http://www.desired.arrivaldesign.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo " del href= del

    thanks

    Chris
    del design.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo

    Many de http://www.desired.arrival class= > " claro " del
    > del " codeSnippet " del class= del
    class= " lineNumbers " del
    class= del
    1:
    2:
    3:
    4:
    5:
    6:
    7:
    8:
    9:
    10:
    11:
    12:
    13:
    14:
    15:
    16:
    17:
    18:
    19:
    20:
    21:
    22:
    23:
    24:
    25:
    26:
    27:
    28:
    29:
    30:
    31:
    32:
    33:
    34:
    35:
    36:
    
    class= " del id= " codeSnippet735665 del
     (función ($) {
    	$.fn.vAlign = función () {
    		this.each de vuelta (función (i) {
    		var ah = $ (éste) .height ();
    		var pH = $ (éste) .parent () .height ();
    		var Mh = (pH - ah)/2;
    		$ (éste) .css (“acolchado-tapa”, Mh);	
    		});	
    	};
    	}) (jQuery);
    
     	$ (documento) .ready (función () {
    		$ (“img ").vAlign de .pic_holder ();
    		$ (“.thumb1”) .css (“frontera-color”, “#ccc ");
    		$ (“UL ").hoverscroll de .prod_thumbs ();
    		
    		$ (función () {
    			opciones del var =
    			{
    				zoomWidth: 330,
    				zoomHeight: 293
    			}
    			$ (“.jqzoom”) .jqzoom (opciones); 
    		});
    		
    		$ (“.prod_thumbs”) .click (función (acontecimiento) {
    			event.preventDefault ();
    			newSRC del var = $ (éste) .attr (“href”);
    			$ (“img#main_pic”) .attr (“src”, newSRC);
    			newREL del var = $ (éste) .attr (“rel”);
    			$ (“#zoomer”) .attr (“href”, newREL);
    			$ (“.prod_thumbs”) .css (“frontera-color”, “#fff ");
    			$ (éste) .css (“frontera-color”, “#ccc ");
    		});
    
     	});
    
    class= del

    Respuesta : Usar el jqzoom (jquery)

    Hola djfenom,
    Usted apenas necesita recordar la función del zumbido en el tecleo de la uña del pulgar.

    poner la función otra vez dentro del .prod_thumbs un acontecimiento del tecleo como se muestra abajo, yo también han atado un ejemplo de funcionamiento para usted

    Pienso que puede ser que valga para mencionar también que sus roturas de página en IE8 con el error de la escritura, y aunque funcione en IE7 allí son un comportamiento extraño en el zumbido donde el retículo aparece dentro de una caja del sqaure del qhite con la caja semitransparente debajo.



    1:
    2:
    3:
    4:
    5:
    6:
    7:
    8:
    9:
    10:
    11:
    12:
    13:
    14:
    15:
    16:
    17:
    18:
    19:
    20:
    21:
    22:
    23:
    24:
    25:
    26:
    27:
    28:
    29:
    
    $ (“.prod_thumbs”) .click (función (acontecimiento) {
    			event.preventDefault ();
    			newSRC del var = $ (éste) .attr (“href”);
    			$ (“img#main_pic”) .attr (“src”, newSRC);
    			newREL del var = $ (éste) .attr (“rel”);
    			$ (“#zoomer”) .attr (“href”, newREL);
    			$ (“.prod_thumbs”) .css (“frontera-color”, “#fff ");
    			$ (éste) .css (“frontera-color”, “#ccc ");
    		});
    
    
    // a este //
    $ (“.prod_thumbs”) .click (función (acontecimiento) {
    			event.preventDefault ();
    			newSRC del var = $ (éste) .attr (“href”);
    			$ (“img#main_pic”) .attr (“src”, newSRC);
    			newREL del var = $ (éste) .attr (“rel”);
    			$ (“#zoomer”) .attr (“href”, newREL);
    			$ (“.prod_thumbs”) .css (“frontera-color”, “#fff ");
    			$ (éste) .css (“frontera-color”, “#ccc ");
    			$ (función () {
    			    opciones del var =
    			    {
    				    zoomWidth: 330,
    				    zoomHeight: 293
    			    }
    			    $ (“.jqzoom”) .jqzoom (opciones); 
    		    });
    		});
    
    Otras soluciones  
     
    programming4us programming4us