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:
|
" codeBody "
/* 06/25/2010
PikaChoose
Jquery plugin voor fotogalerijen
Auteursrecht (c) 2010 Jeremy Fry
Dit programma is vrije software: u kunt zich het opnieuw verdelen en/of wijzigen
het in het kader van de termijnen van de Vergunning van het Grote Publiek van GNU zoals langs gepubliceerd
Free Software Foundation, of versie 3 van de Vergunning, of
(bij uw optie) om het even welke recentere versie.
Dit programma wordt verspreid in de hoop dat het nuttig zal zijn,
MAAR ZONDER ENIGE GARANTIE; zonder zelfs de impliciete garantie van
MERCHANTABILITY OF GESCHIKTHEID VOOR EEN BEPAALD DOEL. Zie
De Vergunning van het Grote Publiek van GNU voor meer details.
U zou een exemplaar van de Vergunning van het Grote Publiek van GNU moeten ontvangen hebben
samen met dit programma. Als niet, zie < http://www.gnu.org/licenses/ >.
*/
(functie (jQuery) {
jQuery.fn.PikaChoose = functie (user_options) {
var blijft = in gebreke {
show_captions: waar,
auto_play: vals,
show_prev_next: waar,
slide_speed: 5000,
thumb_width: 90,
thumb_height: 60,
buttons_text: {spel: "", einde: vorig "": "", daarna: ""},
delay_caption: waar,
user_thumbs: vals,
overgang: [- 1],
IESafe: vals
};
terugkeer jQuery (dit) .each (
functie ()
{
functie CreateThumbnail ()
{
var beeld = jQuery (dit);
duidelijk var = jQuery (dit) .parent ('a');
als (duidelijke apparent.length == 0) {= jQuery (dit); }
apparent.hide ();
jQuery (dit) .attr („pikaLink“, apparent.attr („href“));
//pull het uit markering
beeld = (duidelijke) jQuery (dit) .clone (ware) .insertAfter;
jQuery (dit) .removeClass („pika_first“);
//wait voor lading zal om vorig te verwijderen of d.w.z. nooit de geladen pagina zien
jQuery (dit) .bind („lading“, functie () {apparent.remove (); });
jQuery („![]() “) .load (functie ()
{
var w = image.width ();
var h = image.height ();
als (w===0) {w = image.attr („breedte“);}
als (h===0) {h = image.attr („hoogte“);}
//grab een verhouding voor beeld aan gebruiker - bepaalde montages
var rw = options.thumb_width/w;
var relatieve vochtigheid = options.thumb_height/h;
//determine wat de kleinste verhouding die heeft (zo vereist
//to is de kant die wij aan schaal hebben gebruikt zodat wordt onze gehele duim gevuld)
var verhouding;
als (rw“);
// huizen die over UL eveything
var main_div = jQuery (dit) .prev („.pika_main“);
//add in slideshowelementen wanneer aangewezen
main_div.append („“);
var play_div = jQuery (dit) .prev („.pika_main“) .children (“ .pika_play ");
play_div.html („“ + options.buttons_text.play + „“ + options.buttons_text.stop + „“);
play_div.fadeOut (1);
var play_anchor = play_div.children („a: eerst“);
var stop_anchor = play_div.children („a: duur“);
//this afd. wordt gebruikt om beeld en titel te maken samen langzaam verdwijnen
main_div.append („“);
var sub_div = main_div.children („.pika_subdiv“);
//the hoofdbeeld wij om zullen gebruiken te laden
var firstImage = ulist.find („img: eerst“);
als (options.user_thumbs)
{
firstImage = firstImage.attr („ref“);
} anders
{
firstImage = firstImage.attr („src“);
}
sub_div.append („![]() “);
sub_div.append („“);
var ani_divs = sub_div.find („.pika_animationDivs“);
ani_divs.css ({„positie“: „absoluut“, „breedte“: „100%“, „hoogte“: „100%“});
var y = 0;
var x = 0;
voor (var t = 0; t<25; t++)
{
var a = „ “;
ani_divs.append (a);
y++
als (y == 5)
{
x++;
y=0;
}
}
ani_divs.children („: duur“) .addClass („pikaLastAni“);
var main_img = sub_div.children („img“);
//build douanebekledingen. Deze zullen navigatie afd. gebruiken
sub_div.append („ “);
var prevHover = sub_div.find („.pika_prev_hover“);
var nextHover = sub_div.find („.pika_next_hover“);
prevHover.hide ();
nextHover.hide ();
//create de titel afd. wanneer aangewezen
als (options.show_captions) {
main_div.append („ “);
var caption_div = main_div.children („.pika_caption“);
}
//navigation afd. ALTIJD wordt gecre�ërd, zijn refrenced een
ulist.after („ “);
var navigation_div = jQuery (dit) .next („.pika_navigation“);
//fill in subelementen
navigation_div.append („ “ + options.buttons_text.previous + „:: “ + options.buttons_text.next + „“);
var previous_image_anchor = navigation_div.children („a: eerst“);
var next_image_anchor = navigation_div.children („a: duur“);
//hide de navigatie als de gebruiker het niet wil
als (! options.show_prev_next) {
navigation_div.css („vertoning“, „niets“);
}
//playing brengt de lijn voor slideshow teweeg
var die = options.auto_play speelt;
var die = vals animeert;
main_img.wrap („ “);
var main_link = main_img.parent („a“);
de functie activeert ()
{
//sets de intial fase voor alles
//image_click is controles het langzaam verdwijnen
images.bind („klik“, image_click);
//hiding refrence om elementen te glijden als de dia gehandicapt is
als (options.auto_play) {
het spelen = waar;
play_anchor.hide ();
stop_anchor.sh ow ();
} anders {
play_anchor.sh ow ();
stop_anchor.hide ();
}
ulist.children („Li: duur“) .children („img“) .addClass („pika_last“);
ulist.children („Li: eerst“) .children („img“) .addClass („pika_first“);
ulist.children („Li“) .each (functie () {jQuery (dit) .children („spanwijdte“) .hide (); });
//css voor de lijst
var divcss = {
breedte: options.thumb_width+ " px ",
hoogte: options.thumb_height+ " px ",
„lijst-stijl“: „niets“,
overstroming: „verborgen“
};
var licss = {
„lijst-stijl“: „niets“,
overstroming: „verborgen“
};
images.each (functie () {
jQuery (dit) .parent („Li“) .css (licss);
jQuery (dit) .wrap (document.createElement („afd.“));
jQuery (dit) .parent („afd.“) .css (divcss);
});
//previous verbinding om terug te gaan een beeld
previous_image_anchor.bind („klik“, previous_image);
prevHover.bind („klik“, previous_image);
//ditto voor voorwaarts, ook het punt dat auto voor slideshow geklikt krijgt
next_image_anchor.bind („klik“, next_image);
nextHover.bind („klik“, next_image);
//enable muis het volgen voor hangt
sub_div.mousemove (functie (e) {
var w = sub_div.width ();
var x = e.pageX - sub_div.offset () .left;
als (x w*0.7)
{
nextHover.fadeIn („snel“);
} anders {
nextHover.fadeOut („snel“);
}
});
sub_div.mouseleave (functie () {prevHover.fadeOut („snel“); nextHover.fadeOut („snel“); });
} //end activeren functie
functie Gapper (ele, aHeight)
{
als (ele.attr („rij“) == 9 && ele.attr („col.“) == 0)
{
//last de rij, controleert het hiaat en bevestigt het!
var hiaat = ani_divs.height () - (aHeight*9);
terugkeer hiaat;
}
terugkeer aHeight;
}
functie AnimateImage (image_source, image_link, hoe)
{
//main_img.hide ();
jQuery („![]() “) .load (functie ()
{
ani_divs.height (main_img.height ()).show ();
ani_divs.children („afd.“) .css ({„breedte“: „20%“, „hoogte“: „20%“, „vlotter“: „weggegaan“});
var aWidth = ani_divs.children („afd.: eerst“) .width ();
var aHeight = ani_divs.children („afd.: eerst“) .height ();
als (hoe! = " autoFirst ") {
ani_divs.children () .each (functie ()
{
//position zelf absoluut
var afd. = jQuery (dit);
var xOffset = Math.floor (div.parent () .width () /5) *div.attr („col.“);
var yOffset = Math.floor (div.parent () .height () /5) *div.attr („rij“);
div.css ({
„achtergrond“: 'url („+image_source+“) - '+xOffset+'px - „+yOffset+'px“,
„breedte“: „0px“,
„hoogte“: „0px“,
„positie“: „absoluut“,
„bovenkant“: yOffset+'px',
„weggegaan“: xOffset+'px',
„vlotter“: „niets“
});
}); //end ani_divs.children.each
}
//decide onze overgang
var n = 0;
als (options.transition [0] == -1)
{//random
n = Math.floor (Math.random () *6);
} anders {
n = options.transition [tranStep];
tranStep++;
als (tranStep >= options.transition.length) {tranStep=0;}
}
als (ware options.IESafe ==)
{
als (jQuery.browser.msie)
{
n = 0;
}
}
schakelaar (n)
{
geval 0:
//full het kader verdwijnt langzaam
ani_divs.height (main_img.height ()).hide () .css ({„achtergrond“: „url („+image_source+“) hoogste linker geen-herhaling“});
ani_divs.children („afd.“) .hide ();
ani_divs.fadeIn („vertraag“, functie () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({„achtergrond“: „transparant“});
});
onderbreking;
geval 1:
ani_divs.children () .hide () .each (functie (index)
{
//animate uit zoals blokken
var vertraging = index*10;
jQuery (dit) .delay (vertraging) .animate ({„breedte“: aWidth, „hoogte“: aHeight}, 800, „lineair“, functie ()
{
als (jQuery (dit) .hasClass („pikaLastAni“))
{
FinishedAnimating (image_source, image_link);
}
});
});
onderbreking;
geval 2:
ani_divs.children () .hide () .each (functie (index)
{
var vertraging = jQuery (dit) .attr („rij“) *10;
jQuery (dit) .css ({„breedte“: aWidth}) .delay (vertraging) .animate ({„hoogte“: aHeight}, 800, „lineair“, functie ()
{
als (jQuery (dit) .hasClass („pikaLastAni“))
{
FinishedAnimating (image_source, image_link);
}
});
});
onderbreking;
geval 3:
ani_divs.children () .hide () .each (functie (index)
{
var vertraging = jQuery (dit) .attr („col.“) *10;
aHeight = Gapper (jQuery (dit), aHeight);
jQuery (dit) .css ({„hoogte“: aHeight}) .delay (vertraging) .animate ({„breedte“: aWidth}, 800, „lineair“, functie ()
{
als (jQuery (dit) .hasClass („pikaLastAni“))
{
FinishedAnimating (image_source, image_link);
}
});
});
onderbreking;
geval 4:
ani_divs.children () .show () .each (functie (index)
{
var vertraging = index*Math.floor (Math.random () *5) *10;
aHeight = Gapper (jQuery (dit), aHeight);
als (jQuery (dit) .hasClass („pikaLastAni“))
{
vertraging = 800;
}
jQuery (dit) .css ({„hoogte“: aHeight, „breedte“: aWidth, „opaciteit“: .01}) .delay (vertraging) .animate ({„opaciteit“: 1}, 800, functie ()
{
als (jQuery (dit) .hasClass („pikaLastAni“))
{
FinishedAnimating (image_source, image_link);
}
});
});
onderbreking;
geval 5:
//full kaderdia
ani_divs.height (main_img.height ()).hide () .css ({„achtergrond“: „url („+image_source+“) hoogste linker geen-herhaling“});
ani_divs.children („afd.“) .hide ();
ani_divs.css ({breedte: 0}) .animate ({breedte: main_img.width ()}, „langzaam“, functie () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({„achtergrond“: „transparant“});
});
onderbreking;
geval 6:
//fade uit toen binnen
ani_divs.hide ();
main_img.fadeOut („vertraag“, functie () {
main_img.attr („src“, image_source) .fadeIn („vertraag“, functie ()
{
FinishedAnimating (image_source, image_link);
});
});
onderbreking;
}
}) .attr („src“, image_source); //end het beeld laadt voor
}/eind levende beelden
functie FinishedAnimating (image_source, image_link)
{
het animeren = vals;
main_img.attr („src“, image_source);
als (image_link ongeldige ==) {image_link = „#“}
main_link.attr („href“, image_link);
ani_divs.children () .css ({„achtergrond“: „transparant“});
ani_divs.hide ();
als (spelend)
{
main_img.animate ({opaciteit: 1}, options.slide_speed, functie ()
{
//redudency moest hier de gebruiker vangen klikkend op een beeld tijdens een verandering.
als (spelend) {next_image_anchor.trigger („klik“, [„auto“]);}
});
}
}
functie image_click (gebeurtenis, hoe) {
//catch wanneer de gebruiker op een beeld dan klikt huidige slideshow annuleert
als (jQuery (dit) .hasClass („pika_selected“) || het animating) {terugkeer; }
als (hoe! = " auto " && hoe! = " autoFirst ") {
het animeren = waar;
stop_anchor.hide ();
play_anchor.sh ow ();
playing=false;
main_img.stop () .dequeue ();
als (options.show_captions)
{
caption_div.stop () .dequeue ();
}
}
//all onze beeldvariabelen
var image_source = "";
als (options.user_thumbs)
{
image_source = jQuery (dit) .attr („ref“);
} anders
{
image_source = this.src;
}
//thumbnail animatie
var image_link = jQuery (dit) .attr („pikalink“);
var image_caption = jQuery (dit) .parent () .next („spanwijdte“) .html ();
//fade uit de oude duim
images.filter („.pika_selected“) .fadeTo (250,0.4);
images.filter („.pika_selected“) .removeClass („pika_selected“);
//fade in de nieuwe duim
jQuery (dit) .fadeTo (250.1);
jQuery (dit) .addClass („pika_selected“);
//fade de titel uit
als (options.show_captions)
{
als (options.delay_caption)
{
caption_div.fadeTo (800.0);
}
caption_div.fadeTo (500.0, functie () {
caption_div.html (image_caption);
caption_div.fadeTo (800.1);
});
}
AnimateImage (image_source, image_link, hoe);
} image_click functie //end
functie next_image (gebeurtenis, hoe) {
als (images.filter („.pika_selected“) .hasClass („pika_last“)){
images.filter („: eerst“) .trigger („klik“, hoe);
} anders {
images.filter („.pika_selected“) .parents („Li“) .next („Li“) .find („afd.img“) .trigger („klik“, hoe);
}
} //end volgende beeldfunctie
functie previous_image (gebeurtenis, hoe) {
als (images.filter („.pika_selected“) .hasClass („pika_first“)){
images.filter („: laatste“) .trigger („klik“, hoe);
} anders {
images.filter („.pika_selected“) .parents („Li“) .prev („Li“) .find („img“) .trigger („klik“, hoe);
}
} //end vorige beeldfunctie
functie play_button () {
main_div.hover (
functie () {play_div.fadeIn (400);},
functie () {play_div.fadeOut (400);}
);
play_anchor.bind („klik“, functie () {
main_img.stop ();
main_img.dequeue ();
als (options.show_captions)
{
caption_div.stop ();
caption_div.dequeue ();
}
het spelen = waar;
next_image_anchor.trigger („klik“, [„auto“]);
jQuery (dit) .hide ();
stop_anchor.sh ow ();
});
stop_anchor.bind („klik“, functie () {
het spelen = vals;
jQuery (dit) .hide ();
play_anchor.sh ow ();
});
}
play_button ();
activeer ();
ulist.children („Li: eerst“) .find („img: laatste“) .trigger („klik“, [„autoFirst“]);
}); //end terugkeer this.each
} //end bouwen functie
//activate past de aangewezen acties op alle verschillende delen van de structuur toe.
//and laadt de reeksen het eerste beeld
}) (jQuery);
|
