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 .
*
(función (jQuery) {
jQuery.fn.PikaChoose = función (user_options) {
el var omite = {
show_captions: verdad,
auto_play: falso,
show_prev_next: verdad,
slide_speed: 5000,
thumb_width: 90,
thumb_height: 60,
buttons_text: {juego: "", parada: "", anterior: "", después: ""},
delay_caption: verdad,
user_thumbs: falso,
transición: [- 1],
IESafe: falso
};
jQuery de vuelta (éste) .each (
función ()
{
función CreateThumbnail ()
{
imagen del var = jQuery (éste);
var evidente = jQuery (éste) .parent (“a ");
si (== 0 de apparent.length) {evidente = jQuery (éste); }
apparent.hide ();
jQuery (éste) .attr (“pikaLink”, apparent.attr (“href "));
//pull él fuera de una etiqueta
imagen = jQuery (éste) .clone .insertAfter (verdadero) (evidente);
jQuery (éste) .removeClass (“pika_first ");
//wait para que la carga quite anterior o el IE nunca verá la página cargada
jQuery (éste) .bind (“carga”, función () {apparent.remove (); });
jQuery (“![]() ").load (función ()
{
var w = image.width ();
var h = image.height ();
si (w===0) {w = image.attr (“anchura”);}
si (h===0) {h = image.attr (“altura”);}
//grab un cociente para la imagen a los ajustes definidos por el usario
var RW = options.thumb_width/w;
var derecho = options.thumb_height/h;
//determine que tiene el cociente más pequeño (así necesitando
//to sea el lado que utilizamos para escalar así que se llena nuestro pulgar entero)
cociente del var;
si (rw");
casas de // eveything sobre la UL
main_div del var = jQuery (éste) .prev (“.pika_main”);
//add en elementos del slideshow cuando es apropiado
main_div.append (“");
play_div del var = jQuery (éste) .prev (“.pika_main”) .children (” .pika_play ");
play_div.html (“class='pika_play_button'> del de ");
play_div.fadeOut (1);
play_anchor del var = play_div.children (“a: primero ");
stop_anchor del var = play_div.children (“a: último ");
//this div se utiliza para hacer que la imagen y el subtítulo se descoloran junto
main_div.append (“");
sub_div del var = main_div.children (“.pika_subdiv”);
imagen principal de //the que utilizaremos para cargar
firstImage del var = ulist.find (“img: primero”);
si (options.user_thumbs)
{
firstImage = firstImage.attr (“referencia ");
}
{
firstImage = firstImage.attr (“src ");
}
sub_div.append (“class='pika_main_img del ![]("+firstImage+” ) ");
sub_div.append (“class='pika_animationDivs'> del ” de “+y+” del col= " del ");
prevHover del var = sub_div.find (“.pika_prev_hover ");
nextHover del var = sub_div.find (“.pika_next_hover ");
prevHover.hide ();
nextHover.hide ();
//create el subtítulo div cuando es apropiado
si (options.show_captions) {
main_div.append (“");
caption_div del var = main_div.children (“.pika_caption”);
}
//navigation div consigue SIEMPRE creado, su refrenced mucho
ulist.after (“");
navigation_div del var = jQuery (éste) .next (“.pika_navigation”);
//fill en subelementos
navigation_div.append (“” + options.buttons_text.previous + “:: ” + options.buttons_text.next + “");
previous_image_anchor del var = navigation_div.children (“a: primero ");
next_image_anchor del var = navigation_div.children (“a: último ");
//hide la navegación si el usuario no la quiere
¡si (! options.show_prev_next) {
navigation_div.css (“exhibición”, “ninguna”);
}
//playing acciona el lazo para el slideshow
var que juega = options.auto_play;
var que anima = falso;
main_img.wrap (“");
main_link del var = main_img.parent (“a”);
la función activa ()
{
//sets la fase intial para todo
//image_click es controles el descoloramiento
images.bind (“tecleo”, image_click);
refrence de //hiding para deslizar elementos si la diapositiva es lisiada
si (options.auto_play) {
el jugar = verdad;
play_anchor.hide ();
ow de stop_anchor.sh ();
} {
ow de play_anchor.sh ();
stop_anchor.hide ();
}
ulist.children (“li: último”) .children (“img”) .addClass (“pika_last”);
ulist.children (“li: primero”) .children (“img”) .addClass (“pika_first”);
ulist.children (“li”) .each (función () {jQuery (éste) .children (“palmo”) .hide (); });
//css para la lista
divcss del var = {
anchura: options.thumb_width+ " px ",
altura: options.thumb_height+ " px ",
“lista-estilo”: “ningunos”,
desbordamiento: “ocultado”
};
licss del var = {
“lista-estilo”: “ningunos”,
desbordamiento: “ocultado”
};
images.each (función () {
jQuery (éste) .parent (“li ").css (licss);
jQuery (éste) .wrap (document.createElement (“div”));
jQuery (éste) .parent (“div ").css (divcss);
});
acoplamiento de //previous a ir detrás una imagen
previous_image_anchor.bind (“tecleo”, previous_image);
prevHover.bind (“tecleo”, previous_image);
//ditto para delantero, también el artículo que consigue el automóvil chascó para el slideshow
next_image_anchor.bind (“tecleo”, next_image);
nextHover.bind (“tecleo”, next_image);
seguimiento de ratón de //enable para la libración
sub_div.mousemove (función (e) {
var w = sub_div.width ();
var x = e.pageX - sub_div.offset () .left;
si (xw*0.7)
{
nextHover.fadeIn (“rápido ");
} {
nextHover.fadeOut (“rápido ");
}
});
sub_div.mouseleave (función () {prevHover.fadeOut (“rápido "); nextHover.fadeOut (“rápido "); });
} //end activan la función
función Gapper (ele, aHeight)
{
si == 0 del && ele.attr (“columna ") del == 9) (de ele.attr (“fila ")
{
¡la fila de //last, comprueba el boquete y lo fija!
boquete del var = ani_divs.height () - (aHeight*9);
boquete de vuelta;
}
aHeight de vuelta;
}
función AnimateImage (image_source, image_link, cómo)
{
//main_img.hide ();
jQuery (“![]() ").load (función ()
{
ani_divs.height (main_img.height ()).show ();
ani_divs.children (“div ").css ({“anchura”: el “20%”, “altura”: el “20%”, “flotador”: “ido”});
aWidth del var = ani_divs.children (“div: primer ").width ();
aHeight del var = ani_divs.children (“div: primer ").height ();
¡si (cómo! = " autoFirst ") {
ani_divs.children () .each (función ()
{
//position mismo absolutamente
var div = jQuery (éste);
xOffset del var = Math.floor (div.parent () .width () /5)*div.attr (“columna ");
yOffset del var = Math.floor (div.parent () .height () /5)*div.attr (“fila ");
div.css ({
“fondo”: 'URL (“+image_source+") - '+xOffset+'px - “+yOffset+'px”,
“anchura”: “0px”,
“altura”: “0px”,
“posición”: “absoluto”,
“tapa”: yOffset+'px',
“ido”: xOffset+'px',
“flotador”: “ningunos”
});
}); //end ani_divs.children.each
}
//decide nuestra transición
var n = 0;
si [0] == -1) (de options.transition
{//random
n = Math.floor (Math.random () *6);
} {
n = options.transition [tranStep];
tranStep++;
si (>= options.transition.length) {tranStep=0 del tranStep;}
}
si (== de options.IESafe verdad)
{
si (jQuery.browser.msie)
{
n = 0;
}
}
cambiar (n)
{
caso 0:
el marco de //full se descolora
ani_divs.height (main_img.height ()).hide () .css ({“fondo”: “URL (“+image_source+") izquierdos superiores ninguno-repiten”});
ani_divs.children (“div ").hide ();
ani_divs.fadeIn (“retardarse”, función () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({“fondo”: “transparente”});
});
rotura;
caso 1:
ani_divs.children () .hide () .each (función (índice)
{
//animate hacia fuera como bloques
retardo del var = index*10;
jQuery (éste) .delay (retardo) .animate ({“anchura”: aWidth, “altura”: aHeight}, 800, “linear”, función ()
{
si (jQuery (éste) .hasClass (“pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
rotura;
caso 2:
ani_divs.children () .hide () .each (función (índice)
{
retardo del var = jQuery (éste) .attr (“fila ")*10;
jQuery (éste) .css ({“anchura”: aWidth}) .delay (retardo) .animate ({“altura”: aHeight}, 800, “linear”, función ()
{
si (jQuery (éste) .hasClass (“pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
rotura;
caso 3:
ani_divs.children () .hide () .each (función (índice)
{
retardo del var = jQuery (éste) .attr (“columna ")*10;
aHeight = Gapper (jQuery (éste), aHeight);
jQuery (éste) .css ({“altura”: aHeight}) .delay (retardo) .animate ({“anchura”: aWidth}, 800, “linear”, función ()
{
si (jQuery (éste) .hasClass (“pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
rotura;
caso 4:
ani_divs.children () .show () .each (función (índice)
{
retardo del var = index*Math.floor (Math.random () *5)*10;
aHeight = Gapper (jQuery (éste), aHeight);
si (jQuery (éste) .hasClass (“pikaLastAni "))
{
retardo = 800;
}
jQuery (éste) .css ({“altura”: aHeight, “anchura”: aWidth, “opacidad”: .01}) .delay (retardo) .animate ({“opacidad”: 1}, 800, función ()
{
si (jQuery (éste) .hasClass (“pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
rotura;
caso 5:
diapositiva del marco de //full
ani_divs.height (main_img.height ()).hide () .css ({“fondo”: “URL (“+image_source+") izquierdos superiores ninguno-repiten”});
ani_divs.children (“div ").hide ();
ani_divs.css ({anchura: 0}) .animate ({anchura: main_img.width ()}, “retardarse”, la función () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({“fondo”: “transparente”});
});
rotura;
caso 6:
//fade hacia fuera entonces adentro
ani_divs.hide ();
main_img.fadeOut (“retardarse”, función () {
main_img.attr (“src”, image_source) .fadeIn (“retardarse”, función ()
{
FinishedAnimating (image_source, image_link);
});
});
rotura;
}
}) .attr (“src”, image_source); carga de la imagen de //end
}/imágenes animadas del final
función FinishedAnimating (image_source, image_link)
{
animación = falso;
main_img.attr (“src”, image_source);
si (falta de información) del == del image_link {image_link = “#”}
main_link.attr (“href”, image_link);
ani_divs.children () .css ({“fondo”: “transparente”});
ani_divs.hide ();
si (jugando)
{
main_img.animate ({opacidad: 1}, options.slide_speed, función ()
{
//redudency necesitó aquí coger a usuario que chascaba en una imagen durante un cambio.
si (jugando) {next_image_anchor.trigger (“tecleo”, [“automóvil”]);}
});
}
}
image_click de la función (acontecimiento, cómo) {
//catch cuando el usuario chasca encendido un slideshow de la corriente de la imagen después de la cancelación
si (jQuery (éste) .hasClass (“pika_selected ") || animación) {volver; }
¡si (cómo! ¡= && " auto " cómo! = " autoFirst ") {
la animación = verdad;
stop_anchor.hide ();
ow de play_anchor.sh ();
playing=false;
main_img.stop () .dequeue ();
si (options.show_captions)
{
caption_div.stop () .dequeue ();
}
}
//all nuestras variables de la imagen
image_source = "" del var;
si (options.user_thumbs)
{
image_source = jQuery (éste) .attr (“referencia”);
}
{
image_source = this.src;
}
animaciones de //thumbnail
image_link del var = jQuery (éste) .attr (“pikalink”);
image_caption del var = jQuery (éste) .parent () .next (“palmo”) .html ();
//fade hacia fuera el pulgar viejo
images.filter (“.pika_selected”) .fadeTo (250.0.4);
images.filter (“.pika_selected”) .removeClass (“pika_selected”);
//fade en el nuevo pulgar
jQuery (éste) .fadeTo (250.1);
jQuery (éste) .addClass (“pika_selected”);
//fade el subtítulo hacia fuera
si (options.show_captions)
{
si (options.delay_caption)
{
caption_div.fadeTo (800.0);
}
caption_div.fadeTo (500.0, función () {
caption_div.html (image_caption);
caption_div.fadeTo (800.1);
});
}
AnimateImage (image_source, image_link, cómo);
} función del image_click de //end
next_image de la función (acontecimiento, cómo) {
si (images.filter (“.pika_selected”) .hasClass (“pika_last”)){
images.filter (“: primero”) .trigger (“tecleo”, cómo);
} {
images.filter (“.pika_selected”) .parents (“li ").next (“li ").find (“img ").trigger (“tecleo” del div, cómo);
}
} función siguiente de la imagen de //end
previous_image de la función (acontecimiento, cómo) {
si (images.filter (“.pika_selected”) .hasClass (“pika_first”)){
images.filter (“: último”) .trigger (“tecleo”, cómo);
} {
images.filter (“.pika_selected”) .parents (“li ").prev (“li ").find (“img ").trigger (“tecleo”, cómo);
}
} función anterior de la imagen de //end
play_button de la función () {
main_div.hover (
función () {play_div.fadeIn (400);},
función () {play_div.fadeOut (400);}
);
play_anchor.bind (“tecleo”, función () {
main_img.stop ();
main_img.dequeue ();
si (options.show_captions)
{
caption_div.stop ();
caption_div.dequeue ();
}
el jugar = verdad;
next_image_anchor.trigger (“tecleo”, [“automóvil”]);
jQuery (éste) .hide ();
ow de stop_anchor.sh ();
});
stop_anchor.bind (“tecleo”, función () {
el jugar = falso;
jQuery (éste) .hide ();
ow de play_anchor.sh ();
});
}
play_button ();
activar ();
ulist.children (“li: primer ").find (“img: ").trigger pasado (“tecleo”, [“autoFirst”]);
}); //end this.each de vuelta
} función de la estructura de //end
//activate aplica las acciones apropiadas a todas las partes diferentes de la estructura.
//and carga los sistemas la primera imagen
}) (jQuery);
|
