class= " lineNumbers " 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= del
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);
|