Questione : ridimensionare l'immagine nel Javascript

Sto usando un programma denominato pikachoose per fare funzionare una proiezione di diapositive sul mio luogo.  Voglio ridimensionare le immagini a 440px largamente all'interno del codice. Tanto come farei qui: il width= " dello src= " pikachoose/1.jpg del



But perché la proiezione di diapositive sta usando il jquery io non può cambiare facilmente le immagini che. Potrebbe qualcuno che capissi il jquery/Javascript dessi prego un'occhiata al codice sotto per pikachoose e mostrassi me dove posso ridimensionare le immagini nella proiezione di diapositive?

Thanks
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:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
class= >/* " notpretty " 06/25/2010 del id= " codeSnippet942338 " del
.
*/

(funzione (jQuery) {
	jQuery.fn.PikaChoose = funzione (user_options) {
		la varietà stabilizza = {
			show_captions: allineare,
			auto_play: falso,
			show_prev_next: allineare,
			slide_speed: 5000,
			thumb_width: 90,
			thumb_height: 60,
			buttons_text: {gioco: "", arresto: "", precedente: "", dopo: ""},
			delay_caption: allineare,
			user_thumbs: falso,
			transizione: [- 1],
			IESafe: falso
		};
				
		jQuery di ritorno (questo) .each (
			funzione () 
			{
				funzione CreateThumbnail ()
				{
					immagine di varietà = jQuery (questo);
					varietà apparente = jQuery (questo) .parent (“a ");
					se (== 0 di apparent.length) {apparente = jQuery (questo); }
					apparent.hide ();
					jQuery (questo) .attr (“pikaLink„, apparent.attr (“href "));
					//pull esso da una modifica
					immagine = jQuery (questo) .clone .insertAfter (allineare) (apparente);
					jQuery (questo) .removeClass (“pika_first ");
					//wait affinchè il carico rimuova precedente o lo IE non vederà mai la pagina caricata
					jQuery (questo) .bind (“carico„, funzione () {apparent.remove (); });
					jQuery (“").load (funzione ()
					{
						varietà w = image.width ();
						varietà h = image.height ();
						se (w===0) {w = image.attr (“larghezza„);}
						se (h===0) {h = image.attr (“altezza„);}
						//grab un rapporto per l'immagine alle regolazioni prestabilite dall'utente
						varietà il RW = options.thumb_width/w;
						varietà rh = options.thumb_height/h;
						
						//determine che ha il più piccolo rapporto (così avendo bisogno
						//to è il lato che usiamo per regolare in modo da il nostro intero pollice è riempito)
						rapporto di varietà;
						se (rw");
				case di // che eveything circa l'UL
				main_div di varietà = jQuery (questo) .prev (“.pika_main„);
				
				//add negli elementi di proiezione di diapositive una volta adatto
				main_div.append (“
"); play_div di varietà = jQuery (questo) .prev (“.pika_main„) .children („ .pika_play "); class='pika_play_button'> di (" di "); play_div.fadeOut (1); play_anchor di varietà = play_div.children (“a: in primo luogo "); stop_anchor di varietà = play_div.children (“a: ultimo "); la divisione di //this è usata per fare l'immagine ed il titolo sbiadirsi insieme main_div.append (“
"); sub_div di varietà = main_div.children (“.pika_subdiv„); immagine che principale di //the useremo per caricare firstImage di varietà = ulist.find (“img: in primo luogo„); se (options.user_thumbs) { firstImage = firstImage.attr (“riferimento "); } altrimenti { firstImage = firstImage.attr (“src "); } sub_div.append (“class='pika_main_img del "); sub_div.append (“class='pika_animationDivs'> del
„ “di +y+„ del col= " del
"); prevHover di varietà = sub_div.find (“.pika_prev_hover "); nextHover di varietà = sub_div.find (“.pika_next_hover "); prevHover.hide (); nextHover.hide (); //create la divisione di titolo una volta adatto se (options.show_captions) { main_div.append (“
"); caption_div di varietà = main_div.children (“.pika_caption„); } la divisione di //navigation ottiene SEMPRE generata, relativo refrenced mólto ulist.after (“
"); navigation_div di varietà = jQuery (questo) .next (“.pika_navigation„); //fill nei sottoelementi navigation_div.append (“„ + options.buttons_text.previous + “:: „ + options.buttons_text.next + “"); previous_image_anchor di varietà = navigation_div.children (“a: in primo luogo "); next_image_anchor di varietà = navigation_div.children (“a: ultimo "); //hide la navigazione se l'utente non la vuole se (! options.show_prev_next) { navigation_div.css (“esposizione„, “nessuna„); } //playing innesca il ciclo per la proiezione di diapositive varietà che gioca = options.auto_play; varietà che anima = falso; main_img.wrap (“"); main_link di varietà = main_img.parent (“a„); la funzione attiva () { //sets la fase intial per tutto //image_click è comandi lo sbiadisc images.bind (“scatto„, image_click); refrence di //hiding per fare scorrere gli elementi se lo scorrevole è disabile se (options.auto_play) { il gioco = allinea; play_anchor.hide (); ow di stop_anchor.sh (); } altrimenti { ow di play_anchor.sh (); stop_anchor.hide (); } ulist.children (“Li: ultimo„) .children (“img„) .addClass (“pika_last„); ulist.children (“Li: in primo luogo„) .children (“img„) .addClass (“pika_first„); ulist.children (“Li„) .each (funzione () {jQuery (questo) .children (“portata„) .hide (); }); //css per la lista divcss di varietà = { larghezza: options.thumb_width+ " px ", altezza: options.thumb_height+ " px ", “lista-stile„: “nessun„, trabocco: “nascosto„ }; licss di varietà = { “lista-stile„: “nessun„, trabocco: “nascosto„ }; images.each (funzione () { jQuery (questo) .parent (“Li ").css (licss); jQuery (questo) .wrap (document.createElement (“divisioni„)); jQuery (questo) .parent (“divisione ").css (divcss); }); collegamento di //previous da andare indietro un'immagine previous_image_anchor.bind (“scatto„, previous_image); prevHover.bind (“scatto„, previous_image); //ditto per di andata, inoltre l'articolo che ottiene l'automobile si è scattato per la proiezione di diapositive next_image_anchor.bind (“scatto„, next_image); nextHover.bind (“scatto„, next_image); inseguimento di mouse di //enable per la librazione sub_div.mousemove (funzione (e) { varietà w = sub_div.width (); varietà x = e.pageX - sub_div.offset () .left; se (xw*0.7) { nextHover.fadeIn (“veloce "); } altrimenti { nextHover.fadeOut (“veloce "); } }); sub_div.mouseleave (funzione () {prevHover.fadeOut (“veloce "); nextHover.fadeOut (“veloce "); }); } //end attivano la funzione funzione Gapper (ele, aHeight) { se (== 0 del && ele.attr (“colonna ") del == 9) di ele.attr (“fila ") { la fila di //last, controlla lo spacco e lo ripara! spacco di varietà = ani_divs.height () - (aHeight*9); spacco di ritorno; } aHeight di ritorno; } funzione AnimateImage (image_source, image_link, come) { //main_img.hide (); jQuery (“").load (funzione () { ani_divs.height (main_img.height ()).show (); ani_divs.children (“divisione ").css ({“larghezza„: “20%„, “altezza„: “20%„, “galleggiante„: “andato„}); aWidth di varietà = ani_divs.children (“divisione: primo ").width (); aHeight di varietà = ani_divs.children (“divisione: primo ").height (); se (come! = " autoFirst ") { ani_divs.children () .each (funzione () { //position io stesso assolutamente varietà divisione = jQuery (questo); xOffset di varietà = Math.floor (div.parent () .width () /5)*div.attr (“colonna "); yOffset di varietà = Math.floor (div.parent () .height () /5)*div.attr (“fila "); div.css ({ “priorità bassa„: 'URL (“+image_source+") - '+xOffset+'px - “+yOffset+'px„, “larghezza„: “0px„, “altezza„: “0px„, “posizione„: “assoluto„, “parte superiore„: yOffset+'px', “andato„: xOffset+'px', “galleggiante„: “nessun„ }); }); //end ani_divs.children.each } //decide la nostra transizione varietà n = 0; se ([0] == -1) di options.transition {//random n = Math.floor (Math.random () *6); } altrimenti { n = options.transition [tranStep]; tranStep++; se (>= options.transition.length) {tranStep=0 del tranStep;} } se (== di options.IESafe allineare) { se (jQuery.browser.msie) { n = 0; } } commutare (n) { caso 0: la struttura di //full si sbiadice ani_divs.height (main_img.height ()).hide () .css ({“priorità bassa„: “URL (“+image_source+") di sinistra superiori nessun-si ripetono„}); ani_divs.children (“divisione ").hide (); ani_divs.fadeIn (“ritardare„, funzione () { FinishedAnimating (image_source, image_link); ani_divs.css ({“priorità bassa„: “trasparente„}); }); rottura; caso 1: ani_divs.children () .hide () .each (funzione (indice) { //animate fuori come blocchi ritardo di varietà = index*10; jQuery (questo) .delay (ritardo) .animate ({“larghezza„: aWidth, “altezza„: aHeight}, 800, “lineare„, funzione () { se (jQuery (questo) .hasClass (“pikaLastAni ")) { FinishedAnimating (image_source, image_link); } }); }); rottura; caso 2: ani_divs.children () .hide () .each (funzione (indice) { ritardo di varietà = jQuery (questo) .attr (“fila ")*10; jQuery (questo) .css ({“larghezza„: aWidth}) .delay (ritardo) .animate ({“altezza„: aHeight}, 800, “lineare„, funzione () { se (jQuery (questo) .hasClass (“pikaLastAni ")) { FinishedAnimating (image_source, image_link); } }); }); rottura; caso 3: ani_divs.children () .hide () .each (funzione (indice) { ritardo di varietà = jQuery (questo) .attr (“colonna ")*10; aHeight = Gapper (jQuery (questo), aHeight); jQuery (questo) .css ({“altezza„: aHeight}) .delay (ritardo) .animate ({“larghezza„: aWidth}, 800, “lineare„, funzione () { se (jQuery (questo) .hasClass (“pikaLastAni ")) { FinishedAnimating (image_source, image_link); } }); }); rottura; caso 4: ani_divs.children () .show () .each (funzione (indice) { ritardo di varietà = index*Math.floor (Math.random () *5)*10; aHeight = Gapper (jQuery (questo), aHeight); se (jQuery (questo) .hasClass (“pikaLastAni ")) { ritardo = 800; } jQuery (questo) .css ({“altezza„: aHeight, “larghezza„: aWidth, “opacità„: .01}) .delay (ritardo) .animate ({“opacità„: 1}, 800, funzione () { se (jQuery (questo) .hasClass (“pikaLastAni ")) { FinishedAnimating (image_source, image_link); } }); }); rottura; caso 5: scorrevole della struttura di //full ani_divs.height (main_img.height ()).hide () .css ({“priorità bassa„: “URL (“+image_source+") di sinistra superiori nessun-si ripetono„}); ani_divs.children (“divisione ").hide (); ani_divs.css ({larghezza: 0}) .animate ({larghezza: main_img.width ()}, “ritardare„, la funzione () { FinishedAnimating (image_source, image_link); ani_divs.css ({“priorità bassa„: “trasparente„}); }); rottura; caso 6: //fade fuori allora dentro ani_divs.hide (); main_img.fadeOut (“ritardare„, funzione () { main_img.attr (“src„, image_source) .fadeIn (“ritardare„, funzione () { FinishedAnimating (image_source, image_link); }); }); rottura; } }) .attr (“src„, image_source); preload di immagine di //end }/immagini animate di conclusione funzione FinishedAnimating (image_source, image_link) { animazione = falso; main_img.attr (“src„, image_source); se (posizione di segnale minimo) del == del image_link {image_link = “#„} main_link.attr (“href„, image_link); ani_divs.children () .css ({“priorità bassa„: “trasparente„}); ani_divs.hide (); se (giocando) { main_img.animate ({opacità: 1}, options.slide_speed, funzione () { //redudency ha dovuto qui interferire l'utente che si scatta su un'immagine durante il cambiamento. se (giocando) {next_image_anchor.trigger (“scatto„, [“automobile„]);} }); } } image_click di funzione (evento, come) { //catch quando l'utente scatta sopra una proiezione di diapositive della corrente dell'annullamento quindi di immagine se (jQuery (questo) .hasClass (“pika_selected ") || animazione) {rinviare; } se (come! = && " auto " come! = " autoFirst ") { l'animazione = allinea; stop_anchor.hide (); ow di play_anchor.sh (); playing=false; main_img.stop () .dequeue (); se (options.show_captions) { caption_div.stop () .dequeue (); } } //all le nostre variabili di immagine image_source = "" di varietà; se (options.user_thumbs) { image_source = jQuery (questo) .attr (“riferimento„); } altrimenti { image_source = this.src; } animazioni di //thumbnail image_link di varietà = jQuery (questo) .attr (“pikalink„); image_caption di varietà = jQuery (questo) .parent () .next (“portata„) .html (); //fade fuori il vecchio pollice images.filter (“.pika_selected„) .fadeTo (250.0.4); images.filter (“.pika_selected„) .removeClass (“pika_selected„); //fade nel nuovo pollice jQuery (questo) .fadeTo (250.1); jQuery (questo) .addClass (“pika_selected„); //fade il titolo fuori se (options.show_captions) { se (options.delay_caption) { caption_div.fadeTo (800.0); } caption_div.fadeTo (500.0, funzione () { caption_div.html (image_caption); caption_div.fadeTo (800.1); }); } AnimateImage (image_source, image_link, come); } funzione del image_click di //end next_image di funzione (evento, come) { se (images.filter (“.pika_selected„) .hasClass (“pika_last„)){ images.filter (“: in primo luogo„) .trigger (“scatto„, come); } altrimenti { images.filter (“.pika_selected„) .parents (“Li ").next (“Li ").find (“img ").trigger (“scatto„ di divisione, come); } } funzione seguente di immagine di //end previous_image di funzione (evento, come) { se (images.filter (“.pika_selected„) .hasClass (“pika_first„)){ images.filter (“: ultimo„) .trigger (“scatto„, come); } altrimenti { images.filter (“.pika_selected„) .parents (“Li ").prev (“Li ").find (“img ").trigger (“scatto„, come); } } funzione precedente di immagine di //end play_button di funzione () { main_div.hover ( funzione () {play_div.fadeIn (400);}, funzione () {play_div.fadeOut (400);} ); play_anchor.bind (“scatto„, funzione () { main_img.stop (); main_img.dequeue (); se (options.show_captions) { caption_div.stop (); caption_div.dequeue (); } il gioco = allinea; next_image_anchor.trigger (“scatto„, [“automobile„]); jQuery (questo) .hide (); ow di stop_anchor.sh (); }); stop_anchor.bind (“scatto„, funzione () { gioco = falso; jQuery (questo) .hide (); ow di play_anchor.sh (); }); } play_button (); attivare (); ulist.children (“Li: primo ").find (“img: ultimo ").trigger (“scatto„, [“autoFirst„]); }); //end this.each di ritorno } funzione di configurazione di //end //activate applica le azioni appropriate a tutte le parti differenti della struttura. //and carica gli insiemi la prima immagine }) (jQuery);
class= del

Risposta : ridimensionare l'immagine nel Javascript

Provare ad aggiungere una linea al vostro codice di jQuery e lasciarlo sapere se funziona
1:
2:
3:
4:
$ (documento) .ready (funzione () {
    $("#pikame_compact„) .PikaChoose ({user_thumbs: allineare, show_prev_next: falso, thumb_width: 10, thumb_height: 10});
    img di $("#main_pika: ultimo„) .css (“larghezza„, “400px„);
});
Altre soluzioni  
 
programming4us programming4us