class= " lineNumbers "
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=
class= " notpretty " >/* 06/25/2010 id= " codeSnippet942338 " .
*
(функция (jQuery) {
jQuery.fn.PikaChoose = функция (user_options) {
var не выполняет обязательство = {
show_captions: поистине,
auto_play: ложно,
show_prev_next: поистине,
slide_speed: 5000,
thumb_width: 90,
thumb_height: 60,
buttons_text: {игра: "", стоп: "", ранее: "", затем: ""},
delay_caption: поистине,
user_thumbs: ложно,
переход: [- 1],
IESafe: ложно
};
возвращенное jQuery (это) .each (
функция ()
{
функция CreateThumbnail ()
{
изображение var = jQuery (это);
var явно = jQuery (это) .parent («a ");
если (== 0 apparent.length), то {явно = jQuery (это); }
apparent.hide ();
jQuery (это) .attr («pikaLink», apparent.attr («href "));
//pull оно из бирки
изображение = jQuery (это) .clone (поистине) .insertAfter (явно);
jQuery (это) .removeClass («pika_first ");
//wait для нагрузки для того чтобы извлечь ранее или ie никогда не будет видеть нагруженную страницу
jQuery (это) .bind («нагрузка», функция () {apparent.remove (); });
jQuery («![]() ").load (функция ()
{
var w = image.width ();
var h = image.height ();
если (w===0), то {w = image.attr («ширина»);}
если (h===0), то {h = image.attr («высота»);}
//grab коэффициент для изображения к потребителю - определенным установкам
var rw = options.thumb_width/w;
var rh = options.thumb_height/h;
//determine имеет самый малый коэффициент (таким образом нужно
//to было стороной, котор мы используем для того чтобы вычислить по маштабу поэтому наш весь большой пец руки заполнен)
коэффициент var;
если (rw");
дома // eveything о UL
main_div var = jQuery (это) .prev («.pika_main»);
//add в элементах демонстрация слайдов когда соотвествующе
main_div.append («");
play_div var = jQuery (это) .prev («.pika_main») .children (» .pika_play ");
class='pika_play_button'> (" ");
play_div.fadeOut (1);
play_anchor var = play_div.children («a: во первых ");
stop_anchor var = play_div.children («a: последнее ");
//this div использовано для того чтобы сделать изображение и титр увянуть совместно
main_div.append («");
sub_div var = main_div.children («.pika_subdiv»);
изображение //the, котор главным образом мы будем использовать для того чтобы нагрузить
firstImage var = ulist.find («img: во первых»);
если (options.user_thumbs), то
{
firstImage = firstImage.attr («ref ");
} еще
{
firstImage = firstImage.attr («src ");
}
sub_div.append («class='pika_main_img ![]("+firstImage+» ) ");
sub_div.append («class='pika_animationDivs'> » «+y+» col= " ");
prevHover var = sub_div.find («.pika_prev_hover ");
nextHover var = sub_div.find («.pika_next_hover ");
prevHover.hide ();
nextHover.hide ();
//create титр div когда соотвествующе
если (options.show_captions) {, то
main_div.append («");
caption_div var = main_div.children («.pika_caption»);
}
//navigation div ВСЕГДА получает созданным, свое refrenced много
ulist.after («");
navigation_div var = jQuery (это) .next («.pika_navigation»);
//fill в sub элементах
navigation_div.append («» + options.buttons_text.previous + «:: » + options.buttons_text.next + «");
previous_image_anchor var = navigation_div.children («a: во первых ");
next_image_anchor var = navigation_div.children («a: последнее ");
//hide навигация если потребитель не хочет ее
если (! options.show_prev_next) {
navigation_div.css («индикация», «никакое»);
}
//playing вызывает петлю для демонстрация слайдов
var играя = options.auto_play;
var одушевляя = ложно;
main_img.wrap («");
main_link var = main_img.parent («a»);
функция активирует ()
{
//sets intial участок для всего
//image_click будет управлением увядать
images.bind («щелчок», image_click);
refrence //hiding для того чтобы сползти элементы если скольжение неработающее
если (options.auto_play) {, то
играть = true;
play_anchor.hide ();
ow stop_anchor.sh ();
} еще {
ow play_anchor.sh ();
stop_anchor.hide ();
}
ulist.children («li: последнее») .children («img») .addClass («pika_last»);
ulist.children («li: во первых») .children («img») .addClass («pika_first»);
ulist.children («li») .each (функция () {jQuery (это) .children («пядь») .hide (); });
//css для списка
divcss var = {
ширина: options.thumb_width+ " px ",
высота: options.thumb_height+ " px ",
«списк-тип»: «никакие»,
переполнение: «спрятано»
};
licss var = {
«списк-тип»: «никакие»,
переполнение: «спрятано»
};
images.each (функция () {
jQuery (это) .parent («li ").css (licss);
jQuery (это) .wrap (document.createElement («div»));
jQuery (это) .parent («div ").css (divcss);
});
соединение //previous, котор нужно пойти назад изображение
previous_image_anchor.bind («щелчок», previous_image);
prevHover.bind («щелчок», previous_image);
//ditto для переднего, также деталь который получает автомобиль щелкнуло для демонстрация слайдов
next_image_anchor.bind («щелчок», next_image);
nextHover.bind («щелчок», next_image);
отслеживать мыши //enable для hover
sub_div.mousemove (функция (e) {
var w = sub_div.width ();
var x = e.pageX - sub_div.offset () .left;
если (xw*0.7), то
{
nextHover.fadeIn («быстро ");
} еще {
nextHover.fadeOut («быстро ");
}
});
sub_div.mouseleave (функция () {prevHover.fadeOut («быстро "); nextHover.fadeOut («быстро "); });
} //end активируют функцию
функция Gapper (ele, aHeight)
{
если (== 0 && ele.attr == 9 ele.attr («рядка ") («col ")), то
{
рядок //last, проверяет зазор и фиксирует его!
зазор var = ani_divs.height () - (aHeight*9);
возвращенный зазор;
}
возвращенное aHeight;
}
функция AnimateImage (image_source, image_link, как)
{
//main_img.hide ();
jQuery («![]() ").load (функция ()
{
ani_divs.height (main_img.height ()).show ();
ani_divs.children («div ").css ({«ширина»: «20%», «высота»: «20%», «поплавок»: «о»});
aWidth var = ani_divs.children («div: первое ").width ();
aHeight var = ani_divs.children («div: первое ").height ();
если (как! = " autoFirst ") {
ani_divs.children () .each (функция ()
{
//position себя совершенно
var div = jQuery (это);
xOffset var = Math.floor (div.parent () .width () /5)*div.attr («col ");
yOffset var = Math.floor (div.parent () .height () /5)*div.attr («рядок ");
div.css ({
«предпосылка»: 'url («+image_source+") - '+xOffset+'px - «+yOffset+'px»,
«ширина»: «0px»,
«высота»: «0px»,
«положение»: «абсолют»,
«верхняя часть»: yOffset+'px',
«о»: xOffset+'px',
«поплавок»: «никакие»
});
}); //end ani_divs.children.each
}
//decide наш переход
var n = 0;
если ([0] == -1), то options.transition
{//random
n = Math.floor (Math.random () *6);
} еще {
n = options.transition [tranStep];
tranStep++;
если (>= options.transition.length), то tranStep {tranStep=0;}
}
если (== options.IESafe поистине), то
{
если (jQuery.browser.msie), то
{
n = 0;
}
}
переключите (n)
{
случай 0:
рамка //full увядает
ani_divs.height (main_img.height ()).hide () .css ({«предпосылка»: «url («+image_source+") верхние левые никак-повторяют»});
ani_divs.children («div ").hide ();
ani_divs.fadeIn («замедляйте», функция () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({«предпосылка»: «прозрачно»});
});
пролом;
случай 1:
ani_divs.children () .hide () .each (функция (индекс)
{
//animate вне как блоки
задержка var = index*10;
jQuery (это) .delay (задержка) .animate ({«ширина»: aWidth, «высота»: aHeight}, 800, «линейно», функция ()
{
если (jQuery (это) .hasClass, то («pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
пролом;
случай 2:
ani_divs.children () .hide () .each (функция (индекс)
{
задержка var = jQuery (это) .attr («рядок ")*10;
jQuery (это) .css ({«ширина»: aWidth}) .delay (задержка) .animate ({«высота»: aHeight}, 800, «линейно», функция ()
{
если (jQuery (это) .hasClass, то («pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
пролом;
случай 3:
ani_divs.children () .hide () .each (функция (индекс)
{
задержка var = jQuery (это) .attr («col ")*10;
aHeight = Gapper (jQuery (это), aHeight);
jQuery (это) .css ({«высота»: aHeight}) .delay (задержка) .animate ({«ширина»: aWidth}, 800, «линейно», функция ()
{
если (jQuery (это) .hasClass, то («pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
пролом;
случай 4:
ani_divs.children () .show () .each (функция (индекс)
{
задержка var = index*Math.floor (Math.random () *5)*10;
aHeight = Gapper (jQuery (это), aHeight);
если (jQuery (это) .hasClass, то («pikaLastAni "))
{
задержка = 800;
}
jQuery (это) .css ({«высота»: aHeight, «ширина»: aWidth, «светонепроницаемость»: .01}) .delay (задержка) .animate ({«светонепроницаемость»: 1}, 800, функция ()
{
если (jQuery (это) .hasClass, то («pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
пролом;
случай 5:
скольжение рамки //full
ani_divs.height (main_img.height ()).hide () .css ({«предпосылка»: «url («+image_source+") верхние левые никак-повторяют»});
ani_divs.children («div ").hide ();
ani_divs.css ({ширина: 0}) .animate ({ширина: main_img.width ()}, «замедляйте», функция () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({«предпосылка»: «прозрачно»});
});
пролом;
случай 6:
//fade вне после этого внутри
ani_divs.hide ();
main_img.fadeOut («замедляйте», функция () {
main_img.attr («src», image_source) .fadeIn («замедляйте», функция ()
{
FinishedAnimating (image_source, image_link);
});
});
пролом;
}
}) .attr («src», image_source); поджатие изображения //end
}/изображения конца animate
функция FinishedAnimating (image_source, image_link)
{
одушевлять = ложно;
main_img.attr («src», image_source);
если (null), то == image_link {image_link = «#»}
main_link.attr («href», image_link);
ani_divs.children () .css ({«предпосылка»: «прозрачно»});
ani_divs.hide ();
если (играющ), то
{
main_img.animate ({светонепроницаемость: 1}, options.slide_speed, функция ()
{
необходимо было нужно здесь уловить потребителя щелкая на изображении во время изменения.
если (играющ) {next_image_anchor.trigger («щелчок», [«автомобиль»]);}, то
});
}
}
image_click функции (случай, как) {
//catch когда потребитель щелкает дальше демонстрация слайдов течения изображения тогда cancel
если (jQuery (это) .hasClass, то («pika_selected ") || одушевлять) {возвратите; }
если (как! = " автоматическое " && как! = " autoFirst ") {
одушевлять = true;
stop_anchor.hide ();
ow play_anchor.sh ();
playing=false;
main_img.stop () .dequeue ();
если (options.show_captions), то
{
caption_div.stop () .dequeue ();
}
}
//all наши перемеююые изображения
image_source = "" var;
если (options.user_thumbs), то
{
image_source = jQuery (это) .attr («ref»);
} еще
{
image_source = this.src;
}
одушевленност //thumbnail
image_link var = jQuery (это) .attr («pikalink»);
image_caption var = jQuery (это) .parent () .next («пядь») .html ();
//fade вне старый большой пец руки
images.filter («.pika_selected») .fadeTo (250.0.4);
images.filter («.pika_selected») .removeClass («pika_selected»);
//fade в новом большом пальце руки
jQuery (это) .fadeTo (250.1);
jQuery (это) .addClass («pika_selected»);
//fade титр вне
если (options.show_captions), то
{
если (options.delay_caption), то
{
caption_div.fadeTo (800.0);
}
caption_div.fadeTo (500.0, функция () {
caption_div.html (image_caption);
caption_div.fadeTo (800.1);
});
}
AnimateImage (image_source, image_link, как);
} функция image_click //end
next_image функции (случай, как) {
если (images.filter («.pika_selected») .hasClass, то («pika_last»)){
images.filter («: во первых») .trigger («щелчок», как);
} еще {
images.filter («.pika_selected») .parents («li ").next («li ").find («img ").trigger div («щелчок», как);
}
} функция изображения //end следующая
previous_image функции (случай, как) {
если (images.filter («.pika_selected») .hasClass, то («pika_first»)){
images.filter («: последнее») .trigger («щелчок», как);
} еще {
images.filter («.pika_selected») .parents («li ").prev («li ").find («img ").trigger («щелчок», как);
}
} функция изображения //end ранее
play_button функции () {
main_div.hover (
функция () {play_div.fadeIn (400);},
функция () {play_div.fadeOut (400);}
);
play_anchor.bind («щелчок», функция () {
main_img.stop ();
main_img.dequeue ();
если (options.show_captions), то
{
caption_div.stop ();
caption_div.dequeue ();
}
играть = true;
next_image_anchor.trigger («щелчок», [«автомобиль»]);
jQuery (это) .hide ();
ow stop_anchor.sh ();
});
stop_anchor.bind («щелчок», функция () {
играть = ложно;
jQuery (это) .hide ();
ow play_anchor.sh ();
});
}
play_button ();
активируйте ();
ulist.children («li: первое ").find («img: последнее ").trigger («щелчок», [«autoFirst»]);
}); //end возвращенное this.each
} функция строения //end
//activate прикладывает правильные действия к всем по-разному частям структуры.
//and нагружает комплекты первое изображение
}) (jQuery);
|
