Pergunta : Using o jqzoom (jquery)

Eu estou usando o jqzoom para zumbir dentro em um produto, este trabalha muito bem, porém eu o configurei de modo que quando um thumbnail é estalado, a imagem principal mude e a imagem do zumbido deva mudar, mas este não é working.

I adicionou a imagem principal como o valor do href e a imagem do zumbido como o valor do rel, ambos parece começ passada mas o tiro do zumbido não muda: href= " /products/page_e7dkp club-0081.jpg " class= " thumb1 " rel= " /products/e7dkp club-0081.jpg " src= " /image_resize.php do



    • My de &wh=45&xy=750e7dkp/>=products/ de " é como abaixo, você pode ver o exemplo em: rel= " nofollow " do " _blank " " do target= de " http://www.desired.arrivaldesign.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo do href= do

    thanks

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

    Many de http://www.desired.arrival class= > " desobstruído " do
    > do " codeSnippet " do class= do
    class= " lineNumbers " do
    class= do 
    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= " do id= " codeSnippet735665 do 
     (função ($) {
	$.fn.vAlign = função () {
		this.each do retorno (função (i) {
		var ah = $ (este) .height ();
		pH do var = $ (este) .parent () .height ();
		var mh = (pH - ah)/2;
		$ (este) .css (“estofamento-parte superior”, mh);	
		});	
	};
	}) (jQuery);

 	$ (original) .ready (função () {
		$ (de “img ").vAlign .pic_holder ();
		$ (“.thumb1”) .css (“beira-cor”, “#ccc ");
		$ (de “ul ").hoverscroll .prod_thumbs ();
		
		$ (função () {
			opções do var =
			{
				zoomWidth: 330,
				zoomHeight: 293
			}
			$ (“.jqzoom”) .jqzoom (opções); 
		});
		
		$ (“.prod_thumbs”) .click (função (evento) {
			event.preventDefault ();
			newSRC do var = $ (este) .attr (“href”);
			$ (“img#main_pic”) .attr (“src”, newSRC);
			newREL do var = $ (este) .attr (“rel”);
			$ (“#zoomer”) .attr (“href”, newREL);
			$ (“.prod_thumbs”) .css (“beira-cor”, “#fff ");
			$ (este) .css (“beira-cor”, “#ccc ");
		});

 	});
    class= do

    Resposta : Using o jqzoom (jquery)

    Olá! djfenom,
    Você apenas precisa de recordar a função do zumbido no clique do thumbnail.

    coloc a função outra vez dentro do .prod_thumbs um evento do clique como mostrado abaixo, eu igualmente uni um exemplo de funcionamento para você

    Eu penso que pôde valer a pena para mencionar também que suas rupturas de página em IE8 com o erro do certificado, e embora funcione em IE7 lá são um comportamento estranho no zumbido onde o crosshair aparece dentro de uma caixa do sqaure do qhite com a caixa semi-transparent embaixo.



    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 (função (evento) {
			event.preventDefault ();
			newSRC do var = $ (este) .attr (“href”);
			$ (“img#main_pic”) .attr (“src”, newSRC);
			newREL do var = $ (este) .attr (“rel”);
			$ (“#zoomer”) .attr (“href”, newREL);
			$ (“.prod_thumbs”) .css (“beira-cor”, “#fff ");
			$ (este) .css (“beira-cor”, “#ccc ");
		});


// a este //
$ (“.prod_thumbs”) .click (função (evento) {
			event.preventDefault ();
			newSRC do var = $ (este) .attr (“href”);
			$ (“img#main_pic”) .attr (“src”, newSRC);
			newREL do var = $ (este) .attr (“rel”);
			$ (“#zoomer”) .attr (“href”, newREL);
			$ (“.prod_thumbs”) .css (“beira-cor”, “#fff ");
			$ (este) .css (“beira-cor”, “#ccc ");
			$ (função () {
			    opções do var =
			    {
				    zoomWidth: 330,
				    zoomHeight: 293
			    }
			    $ (“.jqzoom”) .jqzoom (opções); 
		    });
		});
    Outras soluções  
     
    programming4us programming4us