Pytanie : Using jqzoom (jquery)

I używać jqzoom wewnątrz na produkt, zbliżać pracować świetnie, jednakże i ustawiać ono świetnie tak, że gdy thumbnail klikać, the magistrala wizerunek zmiana i the zoom wizerunek musieć, ale pracować być working.

I dodawać the główny wizerunek jako the href wartość i the zoom wizerunek jako the rel wartość, pracować wydawać się przechodzić ale the zoom strzał zmieniać:



    • My jquery kod być przykład, ty móc the przykład przy:

    http://www.desired.arrival design.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo

    Many thanks

    Chris
     
    (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:

     (funkcja ($) {
	$.fn.vAlign = funkcja () {
		powrotny this.each (funkcja (i) {
		var ah = $ (.height) .height ();
		var ph = $ (.height) .parent () .height ();
		var mh = (ph - ah)/2;
		$ (to) .css ("podszycie-nakrywać", mh);	
		});	
	};
	}) (jQuery);

 	$ (dokument) .ready (funkcja () {
		$(".pic_holder img ").vAlign ();
		$(".thumb1") .css ("graniczyć-barwić", "#ccc ");
		$(".prod_thumbs ul ").hoverscroll ();
		
		$ (funkcja () {
			var opcja =
			{
				zoomWidth: 330,
				zoomHeight: 293
			}
			$(".jqzoom") .jqzoom (opcja); 
		});
		
		$(".prod_thumbs") .click (funkcja (wydarzenie) {
			event.preventDefault ();
			var newSRC = $ (href) .attr ("href");
			$ ("img#main_pic") .attr ("src", newSRC);
			var newREL = $ (rel) .attr ("rel");
			$("#zoomer") .attr ("href", newREL);
			$(".prod_thumbs") .css ("graniczyć-barwić", "#fff ");
			$ (#ccc) .css ("graniczyć-barwić", "#ccc ");
		});

 	});

    Odpowiedź : Using jqzoom (jquery)

    Cześć djfenom,
    Ty właśnie potrzebować re-call the zoom funkcja na the thumbnail stuknięcie.

    umieszczać the funkcja znowu wśród the .prod_thumbs stuknięcie wydarzenie pokazywać pokazywać, I także dołączać pracujący przykład dla ty

    I myśleć ono można być wartym także że twój strona łamać na IE8 z the pismo błąd, i chociaż ono biegać na IE7 tam  być dziwaczny zachowanie w the zoom dokąd the crosshair pojawiać się wśród qhite sqaure pudełko z the półprzeźroczysty pudełko półprzeźroczysty.



    (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 (funkcja (wydarzenie) {
			event.preventDefault ();
			var newSRC = $ (href) .attr ("href");
			$ ("img#main_pic") .attr ("src", newSRC);
			var newREL = $ (rel) .attr ("rel");
			$("#zoomer") .attr ("href", newREL);
			$(".prod_thumbs") .css ("graniczyć-barwić", "#fff ");
			$ (#ccc) .css ("graniczyć-barwić", "#ccc ");
		});


// Ten //
$(".prod_thumbs") .click (funkcja (wydarzenie) {
			event.preventDefault ();
			var newSRC = $ (href) .attr ("href");
			$ ("img#main_pic") .attr ("src", newSRC);
			var newREL = $ (rel) .attr ("rel");
			$("#zoomer") .attr ("href", newREL);
			$(".prod_thumbs") .css ("graniczyć-barwić", "#fff ");
			$ (#ccc) .css ("graniczyć-barwić", "#ccc ");
			$ (funkcja () {
			    var opcja =
			    {
				    zoomWidth: 330,
				    zoomHeight: 293
			    }
			    $(".jqzoom") .jqzoom (opcja); 
		    });
		});
    Inne rozwiązania  
     
    programming4us programming4us