Fråga : Using jqzoom (jqueryen)

Förmiddag I using jqzoom som in zoom på en produkt, denna fungerar fint, however jag har upp uppsättningen det, så att, när en tumnagel klickas, det huvudsakligt avbildar ändringar, och zoomen avbildar bör ändra, men denna är inte working.

I har tillfogat det huvudsakligt avbildar, som hrefen värderar, och zoomen avbildar, som relen värderar, båda verkar för att få passerad, men den sköt zoomen inte ändrar: href= " /products/page_e7dkp club-0081.jpg " class= " thumb1 " rel= " /products/e7dkp club-0081.jpg " >


    • My för &wh=45&xy=750e7dkp/>=products/ " kodifierar är, som nedanfört, du kan beskåda exemplet på: för href=" http://www.desired.arrivaldesign.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo " för

    thanks

    Chris
     för http://www.desired.arrival design.co.uk/shop/men/hugo_boss/shirts/hugo_boss_paddy_polo

    Many > för 
    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:
    " codeBody " " notpretty class= " för (fungera ($) { $.fn.vAlign = fungerar () { återgång this.each (fungera (I) { var ah = $ (denna) .height (); var ph = $ (denna) .parent () .height (); var mh = (ph - ah)/2; $ (denna) .css (”vaddera-överträffa”, mh); }); }; }) (jQueryen); $ (dokument) .ready (fungera () { $ (”.pic_holder-img”) .vAlign (); $ (”.thumb1”) .css (”gränsa-färga”, ”#ccc”); $ (”.prod_thumbs-ul”) .hoverscroll (); $ (fungera () { var-alternativ = { zoomWidth: 330, zoomHeight: 293 } $ (”.jqzoom”) .jqzoom (alternativ); }); $ (”.prod_thumbs”) .click (fungera (händelsen) { event.preventDefault (); var-newSRC = $ (denna) .attr (”href”); $ (”img#main_pic”) .attr (”src”, newSRC); var-newREL = $ (denna) .attr (”rel”); $ (”#zoomer”) .attr (”href”, newREL); $ (”.prod_thumbs”) .css (”gränsa-färga”, ”#fff”); $ (denna) .css (”gränsa-färga”, ”#ccc”); }); });
    " klar "

    Svar : Using jqzoom (jqueryen)

    Hi djfenom,
    Du behöver precis att återkalla zoomen för att fungera på tumnageln klickar.

    förlägga fungera igen inom .prod_thumbsen en klickahändelse, som visat nedanfört, mig har också fäst ett funktionsdugligt exempel för dig

    Funderare I som det kan, är värd till omnämnande som väl avbrott för den dina sida på IE8 med skrivafelet, och, även om det kör på IE7, det finns ett konstigt uppförande i zoomen var crosshairen visas inom en qhitesqaure boxas med det semi-transparent boxas under.



    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 (fungera (händelsen) {
			event.preventDefault ();
			var-newSRC = $ (denna) .attr (”href”);
			$ (”img#main_pic”) .attr (”src”, newSRC);
			var-newREL = $ (denna) .attr (”rel”);
			$ (”#zoomer”) .attr (”href”, newREL);
			$ (”.prod_thumbs”) .css (”gränsa-färga”, ”#fff”);
			$ (denna) .css (”gränsa-färga”, ”#ccc”);
		});


// till denna //
$ (”.prod_thumbs”) .click (fungera (händelsen) {
			event.preventDefault ();
			var-newSRC = $ (denna) .attr (”href”);
			$ (”img#main_pic”) .attr (”src”, newSRC);
			var-newREL = $ (denna) .attr (”rel”);
			$ (”#zoomer”) .attr (”href”, newREL);
			$ (”.prod_thumbs”) .css (”gränsa-färga”, ”#fff”);
			$ (denna) .css (”gränsa-färga”, ”#ccc”);
			$ (fungera () {
			    var-alternativ =
			    {
				    zoomWidth: 330,
				    zoomHeight: 293
			    }
			    $ (”.jqzoom”) .jqzoom (alternativ); 
		    });
		});
    Andra lösningar  
     
    programming4us programming4us