class= " lineNumbers " de
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= de
class= >/* " notpretty " 06/25/2010 de l'id= " codeSnippet942338 " de .
*
(fonction (jQuery) {
jQuery.fn.PikaChoose = fonction (user_options) {
la variété se transfère = {
show_captions : vrai,
auto_play : faux,
show_prev_next : vrai,
slide_speed : 5000,
thumb_width : 90,
thumb_height : 60,
buttons_text : {jeu : "", arrêt : "", précédent : "", après : ""},
delay_caption : vrai,
user_thumbs : faux,
transition : [- 1],
IESafe : faux
} ;
jQuery de retour (ceci) .each (
fonction ()
{
fonction CreateThumbnail ()
{
image de variété = jQuery (ceci) ;
variété évidente = jQuery (ceci) .parent (« a ") ;
si (== 0 d'apparent.length) {évident = jQuery (ceci) ; }
apparent.hide () ;
jQuery (ceci) .attr (« pikaLink », apparent.attr (« href ")) ;
//pull il hors d'une étiquette
image = jQuery (ceci) .clone .insertAfter (vrai) (évident) ;
jQuery (ceci) .removeClass (« pika_first ") ;
//wait pour que la charge enlève précédent ou l'IE ne verra jamais la page chargée
jQuery (ceci) .bind (« charge », fonction () {apparent.remove () ; }) ;
jQuery (« ![]() ").load (fonction ()
{
variété W = image.width () ;
variété h = image.height () ;
si (w===0) {W = image.attr (« largeur ») ;}
si (h===0) {h = image.attr (« taille ») ;}
//grab un rapport pour l'image aux arrangements définis pour l'utilisateur
variété le RW = l'options.thumb_width/w ;
variété Rhésus = options.thumb_height/h ;
//determine qui a le plus petit rapport (de ce fait ayant besoin
//to soit le côté que nous employons pour mesurer ainsi notre pouce entier est rempli)
rapport de variété ;
si (rw") ;
maisons de // eveything au sujet de l'UL
main_div de variété = jQuery (ceci) .prev (« .pika_main ») ;
//add dans des éléments de présentation si approprié
main_div.append (« ") ;
play_div de variété = jQuery (ceci) .prev (« .pika_main ») .children ( » .pika_play ") ;
class='pika_play_button'> de (" de ") ;
play_div.fadeOut (1) ;
play_anchor de variété = play_div.children (« a : d'abord ") ;
stop_anchor de variété = play_div.children (« a : bout ") ;
la division de //this est employée pour faire l'image et la légende se faner ensemble
main_div.append (« ") ;
sub_div de variété = main_div.children (« .pika_subdiv ») ;
image principale de //the que nous emploierons pour charger
firstImage de variété = ulist.find (« IMG : d'abord ») ;
si (options.user_thumbs)
{
firstImage = firstImage.attr (« référence ") ;
} autrement
{
firstImage = firstImage.attr (« src ") ;
}
sub_div.append (« class='pika_main_img de ![]("+firstImage+ » ) ") ;
sub_div.append (« class='pika_animationDivs'> de » de « +y+ » « de col= " de ") ;
prevHover de variété = sub_div.find (« .pika_prev_hover ") ;
nextHover de variété = sub_div.find (« .pika_next_hover ") ;
prevHover.hide () ;
nextHover.hide () ;
//create la division de légende si approprié
si (options.show_captions) {
main_div.append (« ") ;
caption_div de variété = main_div.children (« .pika_caption ») ;
}
la division de //navigation obtient TOUJOURS créée, son refrenced beaucoup
ulist.after (« ") ;
navigation_div de variété = jQuery (ceci) .next (« .pika_navigation ») ;
//fill dans les sous-éléments
navigation_div.append (« » + options.buttons_text.previous + « : : » + options.buttons_text.next + « ") ;
previous_image_anchor de variété = navigation_div.children (« a : d'abord ") ;
next_image_anchor de variété = navigation_div.children (« a : bout ") ;
//hide la navigation si l'utilisateur ne la veut pas
si (! options.show_prev_next) {
navigation_div.css (« affichage », « aucun ») ;
}
//playing déclenche la boucle pour la présentation
variété jouant = options.auto_play ;
variété animant = faux ;
main_img.wrap (« ") ;
main_link de variété = main_img.parent (« a ») ;
la fonction activent ()
{
//sets la phase intial pour tout
//image_click est des commandes l'effacement
images.bind (« clic », image_click) ;
refrence de //hiding pour glisser des éléments si la glissière est handicapée
si (options.auto_play) {
le jeu = rectifient ;
play_anchor.hide () ;
ow de stop_anchor.sh () ;
} autrement {
ow de play_anchor.sh () ;
stop_anchor.hide () ;
}
ulist.children (« Li : bout ») .children (« IMG ») .addClass (« pika_last ») ;
ulist.children (« Li : d'abord ») .children (« IMG ») .addClass (« pika_first ») ;
ulist.children (« Li ») .each (fonction () {jQuery (ceci) .children (« envergure ») .hide () ; }) ;
//css pour la liste
divcss de variété = {
largeur : options.thumb_width+ " px ",
taille : options.thumb_height+ " px ",
« liste-modèle » : « aucun »,
débordement : « caché »
} ;
licss de variété = {
« liste-modèle » : « aucun »,
débordement : « caché »
} ;
images.each (fonction () {
jQuery (ceci) .parent (« Li ").css (licss) ;
jQuery (ceci) .wrap (document.createElement (« divisions »));
jQuery (ceci) .parent (« division ").css (divcss) ;
}) ;
lien de //previous à aller en arrière une image
previous_image_anchor.bind (« clic », previous_image) ;
prevHover.bind (« clic », previous_image) ;
//ditto pour vers l'avant, également l'article qui prend l'automobile a cliqué pour la présentation
next_image_anchor.bind (« clic », next_image) ;
nextHover.bind (« clic », next_image) ;
cheminement de souris de //enable pour le vol plané
sub_div.mousemove (fonction (e) {
variété W = sub_div.width () ;
variété X = e.pageX - sub_div.offset () .left ;
si (xw*0.7)
{
nextHover.fadeIn (« rapide ") ;
} autrement {
nextHover.fadeOut (« rapide ") ;
}
}) ;
sub_div.mouseleave (fonction () {prevHover.fadeOut (« rapide ") ; nextHover.fadeOut (« rapide ") ; }) ;
} //end activent la fonction
fonction Gapper (ele, aHeight)
{
si == 0 de && ele.attr (« colonne ") de == 9) (d'ele.attr (« rangée ")
{
la rangée de //last, vérifient l'espace et le fixent !
espace de variété = ani_divs.height () - (aHeight*9) ;
espace de retour ;
}
aHeight de retour ;
}
fonction AnimateImage (image_source, image_link, comment)
{
//main_img.hide () ;
jQuery (« ![]() ").load (fonction ()
{
ani_divs.height (main_img.height ()).show () ;
ani_divs.children (« division ").css ({« largeur » : « 20% », « taille » : « 20% », « flotteur » : « parti »}) ;
aWidth de variété = ani_divs.children (« division : premier ").width () ;
aHeight de variété = ani_divs.children (« division : premier ").height () ;
si (comment ! = " autoFirst ") {
ani_divs.children () .each (fonction ()
{
//position moi-même absolument
variété division = jQuery (ceci) ;
xOffset de variété = Math.floor (div.parent () .width () /5)*div.attr (« colonne ") ;
yOffset de variété = Math.floor (div.parent () .height () /5)*div.attr (« rangée ") ;
div.css ({
« fond » : 'URL (« +image_source+") - '+xOffset+'px - « +yOffset+'px »,
« largeur » : « 0px »,
« taille » : « 0px »,
« position » : « absolu »,
« dessus » : yOffset+'px',
« parti » : xOffset+'px',
« flotteur » : « aucun »
}) ;
}) ; //end ani_divs.children.each
}
//decide notre transition
variété n = 0 ;
si ([0] == -1) d'options.transition
{//random
n = Math.floor (Math.random () *6) ;
} autrement {
n = options.transition [tranStep] ;
tranStep++ ;
si >= options.transition.length) {tranStep=0 (de tranStep ;}
}
si (== d'options.IESafe vrai)
{
si (jQuery.browser.msie)
{
n = 0 ;
}
}
commuter (n)
{
affaire 0 :
l'armature de //full se fanent
ani_divs.height (main_img.height ()).hide () .css ({« fond » : « URL (« +image_source+") gauches supérieurs aucun-répètent »}) ;
ani_divs.children (« division ").hide () ;
ani_divs.fadeIn (« ralentir », fonction () {
FinishedAnimating (image_source, image_link) ;
ani_divs.css ({« fond » : « transparent »}) ;
}) ;
coupure ;
affaire 1 :
ani_divs.children () .hide () .each (fonction (index)
{
//animate dehors en tant que blocs
retard de variété = index*10 ;
jQuery (ceci) .delay (retard) .animate ({« largeur » : aWidth, « taille » : aHeight}, 800, « linéaire », fonction ()
{
si (jQuery (ceci) .hasClass (« pikaLastAni "))
{
FinishedAnimating (image_source, image_link) ;
}
}) ;
}) ;
coupure ;
affaire 2 :
ani_divs.children () .hide () .each (fonction (index)
{
retard de variété = jQuery (ceci) .attr (« rangée ")*10 ;
jQuery (ceci) .css ({« largeur » : aWidth}) .delay (retard) .animate ({« taille » : aHeight}, 800, « linéaire », fonction ()
{
si (jQuery (ceci) .hasClass (« pikaLastAni "))
{
FinishedAnimating (image_source, image_link) ;
}
}) ;
}) ;
coupure ;
affaire 3 :
ani_divs.children () .hide () .each (fonction (index)
{
retard de variété = jQuery (ceci) .attr (« colonne ")*10 ;
aHeight = Gapper (jQuery (ceci), aHeight) ;
jQuery (ceci) .css ({« taille » : aHeight}) .delay (retard) .animate ({« largeur » : aWidth}, 800, « linéaire », fonction ()
{
si (jQuery (ceci) .hasClass (« pikaLastAni "))
{
FinishedAnimating (image_source, image_link) ;
}
}) ;
}) ;
coupure ;
affaire 4 :
ani_divs.children () .show () .each (fonction (index)
{
retard de variété = index*Math.floor (Math.random () *5)*10 ;
aHeight = Gapper (jQuery (ceci), aHeight) ;
si (jQuery (ceci) .hasClass (« pikaLastAni "))
{
retard = 800 ;
}
jQuery (ceci) .css ({« taille » : aHeight, « largeur » : aWidth, « opacité » : .01}) .delay (retard) .animate ({« opacité » : 1}, 800, fonction ()
{
si (jQuery (ceci) .hasClass (« pikaLastAni "))
{
FinishedAnimating (image_source, image_link) ;
}
}) ;
}) ;
coupure ;
affaire 5 :
glissière d'armature de //full
ani_divs.height (main_img.height ()).hide () .css ({« fond » : « URL (« +image_source+") gauches supérieurs aucun-répètent »}) ;
ani_divs.children (« division ").hide () ;
ani_divs.css ({largeur : 0}) .animate ({largeur : main_img.width ()}, « ralentir », la fonction () {
FinishedAnimating (image_source, image_link) ;
ani_divs.css ({« fond » : « transparent »}) ;
}) ;
coupure ;
affaire 6 :
//fade dehors puis dedans
ani_divs.hide () ;
main_img.fadeOut (« ralentir », fonction () {
main_img.attr (« src », image_source) .fadeIn (« ralentir », fonction ()
{
FinishedAnimating (image_source, image_link) ;
}) ;
}) ;
coupure ;
}
}) .attr (« src », image_source) ; charge initiale d'image de //end
}/images animées de fin
fonction FinishedAnimating (image_source, image_link)
{
animation = faux ;
main_img.attr (« src », image_source) ;
si (nulle de == d'image_link) {image_link = « # »}
main_link.attr (« href », image_link) ;
ani_divs.children () .css ({« fond » : « transparent »}) ;
ani_divs.hide () ;
si (jouant)
{
main_img.animate ({opacité : 1}, options.slide_speed, fonction ()
{
//redudency a dû ici attraper l'utilisateur cliquant sur une image pendant un changement.
si (jouant) {next_image_anchor.trigger (« clic », [« automobile »]) ;}
}) ;
}
}
image_click de fonction (événement, comment) {
//catch quand l'utilisateur clique dessus une présentation de courant d'image alors d'annulation
si (jQuery (ceci) .hasClass (« pika_selected ") || animation) {retourner ; }
si (comment ! = && " automatique " comment ! = " autoFirst ") {
l'animation = rectifient ;
stop_anchor.hide () ;
ow de play_anchor.sh () ;
playing=false ;
main_img.stop () .dequeue () ;
si (options.show_captions)
{
caption_div.stop () .dequeue () ;
}
}
//all nos variables d'image
image_source = "" de variété ;
si (options.user_thumbs)
{
image_source = jQuery (ceci) .attr (« référence ») ;
} autrement
{
image_source = this.src ;
}
animations de //thumbnail
image_link de variété = jQuery (ceci) .attr (« pikalink ») ;
image_caption de variété = jQuery (ceci) .parent () .next (« envergure ») .html () ;
//fade dehors le vieux pouce
images.filter (« .pika_selected ») .fadeTo (250.0.4) ;
images.filter (« .pika_selected ») .removeClass (« pika_selected ») ;
//fade dans le nouveau pouce
jQuery (ceci) .fadeTo (250.1) ;
jQuery (ceci) .addClass (« pika_selected ») ;
//fade la légende dehors
si (options.show_captions)
{
si (options.delay_caption)
{
caption_div.fadeTo (800.0) ;
}
caption_div.fadeTo (500.0, fonction () {
caption_div.html (image_caption) ;
caption_div.fadeTo (800.1) ;
}) ;
}
AnimateImage (image_source, image_link, comment) ;
} fonction d'image_click de //end
next_image de fonction (événement, comment) {
si (images.filter (« .pika_selected ») .hasClass (« pika_last »)){
images.filter (« : d'abord ») .trigger (« clic », comment) ;
} autrement {
images.filter (« .pika_selected ») .parents (« Li ").next (« Li ").find (« IMG ").trigger (« clic » de division, comment) ;
}
} prochaine fonction d'image de //end
previous_image de fonction (événement, comment) {
si (images.filter (« .pika_selected ») .hasClass (« pika_first »)){
images.filter (« : bout ») .trigger (« clic », comment) ;
} autrement {
images.filter (« .pika_selected ») .parents (« Li ").prev (« Li ").find (« IMG ").trigger (« clic », comment) ;
}
} fonction précédente d'image de //end
play_button de fonction () {
main_div.hover (
fonction () {play_div.fadeIn (400) ;},
fonction () {play_div.fadeOut (400) ;}
) ;
play_anchor.bind (« clic », fonction () {
main_img.stop () ;
main_img.dequeue () ;
si (options.show_captions)
{
caption_div.stop () ;
caption_div.dequeue () ;
}
le jeu = rectifient ;
next_image_anchor.trigger (« clic », [« automobile »]) ;
jQuery (ceci) .hide () ;
ow de stop_anchor.sh () ;
}) ;
stop_anchor.bind (« clic », fonction () {
jeu = faux ;
jQuery (ceci) .hide () ;
ow de play_anchor.sh () ;
}) ;
}
play_button () ;
activer () ;
ulist.children (« Li : premier ").find (« IMG : dernier ").trigger (« clic », [« autoFirst »]) ;
}) ; //end this.each de retour
} fonction de construction de //end
//activate s'applique les actions appropriées à toutes les différentes parties de la structure.
//and charge les ensembles la première image
}) (jQuery) ;
|
