Vraag : Het gebruiken jqzoom (jquery)

Ik gebruik jqzoom om binnen op een product te zoemen, werkt dit boete, nochtans heb ik het opgezet zodat wanneer een duimnagel wordt geklikt, de belangrijkste beeldveranderingen en het gezoembeeld zouden moeten veranderen, maar dit is geen working.

I heeft toegevoegd het belangrijkste beeld aangezien de hrefwaarde en het gezoembeeld aangezien de relwaarde, allebei overgegaan schijnt te worden maar het gezoemschot niet veranderen:


    • My jquery/>

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

    Many thanks

    Chris
    " codeBody " 
    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:
    		" notpretty " 
     (functie ($) {
	$.fn.vAlign = functie () {
		terugkeer this.each (functie (I) {
		var ah = $ (dit) .height ();
		var ph = $ (dit) .parent () .height ();
		var MH = (ph - ah)/2;
		$ (dit) .css („op:vullen-bovenkant“, MH);	
		});	
	};
	}) (jQuery);

 	$ (document) .ready (functie () {
		$ („img .pic_holder“) .vAlign ();
		$ („.thumb1“) .css („grens-kleur“, „#ccc“);
		$ („.prod_thumbs ul“) .hoverscroll ();
		
		$ (functie () {
			var opties =
			{
				zoomWidth: 330,
				zoomHeight: 293
			}
			$ („.jqzoom“) .jqzoom (opties); 
		});
		
		$ („.prod_thumbs“) .click (functie (gebeurtenis) {
			event.preventDefault ();
			var newSRC = $ (dit) .attr („href“);
			$ („img#main_pic“) .attr („src“, newSRC);
			var newREL = $ (dit) .attr („rel“);
			$ („#zoomer“) .attr („href“, newREL);
			$ („.prod_thumbs“) .css („grens-kleur“, „#fff“);
			$ (dit) .css („grens-kleur“, „#ccc“);
		});

 	});

    Antwoord : Het gebruiken jqzoom (jquery)

    Hallo djfenom,
    U moet enkel herinneren aan de gezoemfunctie op de duimnagel klikt.

    plaats opnieuw de functie binnen .prod_thumbs een klikgebeurtenis zoals hieronder getoond, heb ik ook een het werk voorbeeld voor u vastgemaakt

    Ik denk het zou kunnen de moeite waard zijn eveneens vermelden dat uw pagina op IE8 met de manuscriptfout breekt, en hoewel het op IE7 loopt er is een vreemd gedrag in het gezoem waar crosshair binnen een doos van qhitesqaure met de semi-transparent doos onderaan verschijnt.



    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 (functie (gebeurtenis) {
			event.preventDefault ();
			var newSRC = $ (dit) .attr („href“);
			$ („img#main_pic“) .attr („src“, newSRC);
			var newREL = $ (dit) .attr („rel“);
			$ („#zoomer“) .attr („href“, newREL);
			$ („.prod_thumbs“) .css („grens-kleur“, „#fff“);
			$ (dit) .css („grens-kleur“, „#ccc“);
		});


// aan Dit //
$ („.prod_thumbs“) .click (functie (gebeurtenis) {
			event.preventDefault ();
			var newSRC = $ (dit) .attr („href“);
			$ („img#main_pic“) .attr („src“, newSRC);
			var newREL = $ (dit) .attr („rel“);
			$ („#zoomer“) .attr („href“, newREL);
			$ („.prod_thumbs“) .css („grens-kleur“, „#fff“);
			$ (dit) .css („grens-kleur“, „#ccc“);
			$ (functie () {
			    var opties =
			    {
				    zoomWidth: 330,
				    zoomHeight: 293
			    }
			    $ („.jqzoom“) .jqzoom (opties); 
		    });
		});
    Andere oplossingen  
     
    programming4us programming4us