Questione : Using jqzoom (jquery)

Sto usando il jqzoom per zumare dentro su un prodotto, questo funziona benissimo, comunque lo ho installato in modo che quando un thumbnail è scattato, l'immagine principale cambi e l'immagine dello zoom dovrebbe cambiare, ma questo non è working.

I ha aggiunto l'immagine principale come il valore del href e l'immagine dello zoom come il valore del rel, entrambi sembra ottenere passata ma il colpo dello zoom non cambia: href= " /products/page_e7dkp club-0081.jpg " class= " thumb1 " rel= " /products/e7dkp club-0081.jpg " src= " /image_resize.php del

  • =products/e7dkp club-0081.jpg il codice di jquery di/>


    • My di &wh=45&xy=750 " è come sotto, potete osservare l'esempio a: rel= " nofollow " " del _blank " " del target= " di 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 di http://www.desired.arrival class= > " libero " 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 
     (funzione ($) {
	$.fn.vAlign = funzione () {
		this.each di ritorno (funzione (i) {
		varietà ah = $ (questo) .height ();
		varietà pH = $ (questo) .parent () .height ();
		varietà MH = (pH - ah)/2;
		$ (questo) .css (“riempimento-parte superiore„, MH);	
		});	
	};
	}) (jQuery);

 	$ (documento) .ready (funzione () {
		img ").vAlign di $(".pic_holder ();
		$(".thumb1„) .css (“bordo-colore„, “#ccc ");
		UL ").hoverscroll di $(".prod_thumbs ();
		
		$ (funzione () {
			opzioni di varietà =
			{
				zoomWidth: 330,
				zoomHeight: 293
			}
			$(".jqzoom„) .jqzoom (opzioni); 
		});
		
		$(".prod_thumbs„) un .click (funzione (evento) {
			event.preventDefault ();
			newSRC di varietà = $ (questo) .attr (“href„);
			$ (“img#main_pic„) .attr (“src„, newSRC);
			newREL di varietà = $ (questo) .attr (“rel„);
			$("#zoomer„) .attr (“href„, newREL);
			$(".prod_thumbs„) un .css (“bordo-colore„, “#fff ");
			$ (questo) .css (“bordo-colore„, “#ccc ");
		});

 	});
    class= del

    Risposta : Using jqzoom (jquery)

    Ciao djfenom,
    Dovete appena ricordare la funzione dello zoom sullo scatto di thumbnail.

    disporre ancora la funzione all'interno del .prod_thumbs un evento di scatto come indicato sotto, inoltre ho attaccato un esempio di funzionamento per voi

    Penso che potrebbe essere opportuno accennare pure che le vostre rotture di pagina su IE8 con l'errore dello scritto ed anche se funziona su IE7 là è un comportamento sconosciuto nello zoom in cui il crosshair compare all'interno di una scatola di sqaure del qhite con la scatola semi-transparent sotto.



    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„) un .click (funzione (evento) {
			event.preventDefault ();
			newSRC di varietà = $ (questo) .attr (“href„);
			$ (“img#main_pic„) .attr (“src„, newSRC);
			newREL di varietà = $ (questo) .attr (“rel„);
			$("#zoomer„) .attr (“href„, newREL);
			$(".prod_thumbs„) un .css (“bordo-colore„, “#fff ");
			$ (questo) .css (“bordo-colore„, “#ccc ");
		});


// a questo //
$(".prod_thumbs„) un .click (funzione (evento) {
			event.preventDefault ();
			newSRC di varietà = $ (questo) .attr (“href„);
			$ (“img#main_pic„) .attr (“src„, newSRC);
			newREL di varietà = $ (questo) .attr (“rel„);
			$("#zoomer„) .attr (“href„, newREL);
			$(".prod_thumbs„) un .css (“bordo-colore„, “#fff ");
			$ (questo) .css (“bordo-colore„, “#ccc ");
			$ (funzione () {
			    opzioni di varietà =
			    {
				    zoomWidth: 330,
				    zoomHeight: 293
			    }
			    $(".jqzoom„) .jqzoom (opzioni); 
		    });
		});
    Altre soluzioni  
     
    programming4us programming4us