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:
6:
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:
|
/* 06/25/2010
PikaChoose
Jquery Einsteck für Fotogalerien
Fischrogen 2010 des copyright-(c) Jeremy
Dieses Programm ist freie Software: Sie können es neuverteilen und/oder ändern
es im Sinne der GNU Öffentlichkeit Lizenz, wie vorbei veröffentlicht
Free Software Foundation, entweder Version 3 der Lizenz oder
(an Ihrer Wahl) irgendeine neuere Version.
Dieses Programm wird in die Hoffnung verteilt, dass es nützlich ist,
aber OHNE IRGENDEINE GARANTIE; ohne sogar die implizierte Garantie von
MARKTGÄNGIGKEIT oder EIGNUNG ZU EINEM BESTIMMTEN ZWECK. Sehen
GNU Öffentlichkeit Lizenz für weitere Einzelheiten.
Sie sollten eine Kopie der GNU Öffentlichkeit Lizenz empfangen haben
zusammen mit diesem Programm. Wenn nicht, < http://www.gnu.org/licenses/ > sehen.
*
(Funktion (jQuery) {
jQuery.fn.PikaChoose = Funktion (user_options) {
var fällt = {zurück
show_captions: zutreffend,
auto_play: falsch,
show_prev_next: zutreffend,
slide_speed: 5000,
thumb_width: 90,
thumb_height: 60,
buttons_text: {Spiel: "", Anschlag: "", vorhergehend: "", zunächst: ""},
delay_caption: zutreffend,
user_thumbs: falsch,
Übergang: [- 1],
IESafe: falsch
};
RückholjQuery (dieses) .each (
Funktion ()
{
Funktion CreateThumbnail ()
{
var-Bild = jQuery (dieses);
var offensichtlich = jQuery (dieses) .parent („a ");
wenn (apparent.length == 0) {offensichtlich = jQuery (dieses); }
apparent.hide ();
jQuery (dieses) .attr („pikaLink“, apparent.attr („href "));
//pull es aus dem Umbau heraus
Bild = jQuery (dieses) .clone (zutreffendes) .insertAfter (offensichtlich);
jQuery (dieses) .removeClass („pika_first ");
//wait, damit Last vorhergehendes oder IE sieht nie die geladene Seite entfernt
jQuery (dieses) .bind („Last“, Funktion () {apparent.remove (); });
jQuery („![]() ").load (Funktion ()
{
var w = image.width ();
var h = image.height ();
wenn (w===0) {w = image.attr („Breite“);}
wenn (h===0) {h = image.attr („Höhe“);}
//grab ein Verhältnis für Bild zu verbraucherbestimmten Einstellungen
var RW = options.thumb_width/w;
var relative Feuchtigkeit = options.thumb_height/h;
//determine, das das kleinste Verhältnis hat (so brauchend
//to ist die Seite, die wir pflegen, um einzustufen, also wird unser vollständiger Daumen gefüllt)
var-Verhältnis;
wenn (rw");
//-Häuser, die über das UL eveything sind
var main_div = jQuery (dieses) .prev („.pika_main“);
//add in den Diavorführungelementen, wenn passend
main_div.append („");
var play_div = jQuery (dieses) .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: zuerst ");
var stop_anchor = play_div.children („a: Letztes ");
//this Div. wird verwendet, um Bild und Untertitel zusammen verblassen zu lassen
main_div.append („");
var sub_div = main_div.children („.pika_subdiv“);
//the-Hauptbild, das wir pflegen werden, um zu laden
var firstImage = ulist.find („img: zuerst“);
wenn (options.user_thumbs)
{
firstImage = firstImage.attr („Hinweis ");
} sonst
{
firstImage = firstImage.attr („src ");
}
sub_div.append („![]() ");
sub_div.append („ ");
var ani_divs = sub_div.find („.pika_animationDivs“);
ani_divs.css ({„Position“: „Absolutes“, „Breite“: „100%“, „Höhe“: „100%“});
var y = 0;
var x = 0;
für (var t = 0; t<25; t++)
{
var a = „ “;
ani_divs.append (A);
y++
wenn (y == 5)
{
x++;
y=0;
}
}
ani_divs.children („: letztes ").addClass („pikaLastAni“);
var main_img = sub_div.children („img“);
//build-Gewohnheitstestblätter. Diese verwenden Navigation Div.
sub_div.append („ ");
var prevHover = sub_div.find („.pika_prev_hover ");
var nextHover = sub_div.find („.pika_next_hover ");
prevHover.hide ();
nextHover.hide ();
//create der Untertitel Div., wenn passend
wenn (options.show_captions) {
main_div.append („ ");
var caption_div = main_div.children („.pika_caption“);
}
//navigation Div. erhält IMMER verursacht, sein viel refrenced
ulist.after („ ");
var navigation_div = jQuery (dieses) .next („.pika_navigation“);
//fill in den Vorelementen
navigation_div.append („ “ + options.buttons_text.previous + „:: “ + options.buttons_text.next + „");
var previous_image_anchor = navigation_div.children („a: zuerst ");
var next_image_anchor = navigation_div.children („a: Letztes ");
//hide die Navigation, wenn der Benutzer sie nicht wünscht
wenn (! options.show_prev_next) {
navigation_div.css („Anzeige“, „keine“);
}
//playing löst die Schleife für die Diavorführung aus
spielender var = options.auto_play;
var, der = falsch belebt;
main_img.wrap („ ");
var main_link = main_img.parent („a“);
Funktion aktivieren ()
{
//sets die intial Phase für alles
//image_click ist Kontrollen das Verblassen
images.bind („Klicken“, image_click);
//hiding refrence, zum der Elemente zu schieben, wenn Dia untauglich ist
wenn (options.auto_play) {
das Spielen = richten aus;
play_anchor.hide ();
stop_anchor.sh ow ();
} sonst {
play_anchor.sh ow ();
stop_anchor.hide ();
}
ulist.children („Li: Letztes“) .children („img“) .addClass („pika_last“);
ulist.children („Li: zuerst“) .children („img“) .addClass („pika_first“);
ulist.children („Li“) .each (Funktion () {jQuery (dieses) .children („Überspannung“) .hide (); });
//css für die Liste
var divcss = {
Breite: options.thumb_width+ " px ",
Höhe: options.thumb_height+ " px ",
„Listeart“: „keine“,
Überlauf: „versteckt“
};
var licss = {
„Listeart“: „keine“,
Überlauf: „versteckt“
};
images.each (Funktion () {
jQuery (dieses) .parent („Li ").css (licss);
jQuery (dieses) .wrap (document.createElement („Div.“));
jQuery (dieses) .parent („Div. ").css (divcss);
});
//previous-Verbindung, zum zurück zu gehen ein Bild
previous_image_anchor.bind („Klicken“, previous_image);
prevHover.bind („Klicken“, previous_image);
//ditto für Vorwärts, auch das Einzelteil, das Automobil erreicht, klickte für Diavorführung
next_image_anchor.bind („Klicken“, next_image);
nextHover.bind („Klicken“, next_image);
//enable-Mäusespurhaltung für den Schwebeflug
sub_div.mousemove (Funktion (e) {
var w = sub_div.width ();
var x = e.pageX - sub_div.offset () .left;
wenn (x w*0.7)
{
nextHover.fadeIn („schnell ");
} sonst {
nextHover.fadeOut („schnell ");
}
});
sub_div.mouseleave (Funktion () {prevHover.fadeOut („schnell "); nextHover.fadeOut („schnell "); });
} aktivieren //end Funktion
Funktion Gapper (ele, aHeight)
{
wenn (ele.attr („Reihe ") == 9 && ele.attr („Spalte ") == 0)
{
//last-Reihe, überprüfen den Abstand und regeln ihn!
var-Abstand = ani_divs.height () - (aHeight*9);
Rückholabstand;
}
RückholaHeight;
}
Funktion AnimateImage (image_source, image_link, wie)
{
//main_img.hide ();
jQuery („![]() ").load (Funktion ()
{
ani_divs.height (main_img.height ()).show ();
ani_divs.children („Div. ").css ({„Breite“: „20%“, „Höhe“: „20%“, „Hin- und Herbewegung“: „verlassen“});
var aWidth = ani_divs.children („Div.: erstes ").width ();
var aHeight = ani_divs.children („Div.: erstes ").height ();
wenn (wie! = " autoFirst ") {
ani_divs.children () .each (Funktion ()
{
//position selbst absolut
var Div. = jQuery (dieses);
var xOffset = Math.floor (div.parent () .width () /5)*div.attr („Spalte ");
var yOffset = Math.floor (div.parent () .height () /5)*div.attr („Reihe ");
div.css ({
„Hintergrund“: 'URL („+image_source+") - '+xOffset+'px - „+yOffset+'px“,
„Breite“: „0px“,
„Höhe“: „0px“,
„Position“: „Absolutes“,
„Oberseite“: yOffset+'px',
„verlassen“: xOffset+'px',
„Hin- und Herbewegung“: „keine“
});
}); //end ani_divs.children.each
}
//decide unser Übergang
var n = 0;
wenn (options.transition [0] == -1)
{//random
n = Math.floor (Math.random () *6);
} sonst {
n = options.transition [tranStep];
tranStep++;
wenn (tranStep >= options.transition.length) {tranStep=0;}
}
wenn (options.IESafe == zutreffend)
{
wenn (jQuery.browser.msie)
{
n = 0;
}
}
schalten (N)
{
Rechtssache 0:
//full-Rahmen verblassen
ani_divs.height (main_img.height ()).hide () .css ({„Hintergrund“: „URL („+image_source+") kein-wiederholen oberstelinks“},);
ani_divs.children („Div. ").hide ();
ani_divs.fadeIn („verlangsamen“, Funktion () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({„Hintergrund“: „transparent“});
});
Bruch;
Rechtssache 1:
ani_divs.children () .hide () .each (Funktion (Index)
{
//animate heraus als Blöcke
var-Verzögerung = index*10;
jQuery (dieses) .delay (Verzögerung) .animate ({„Breite“: aWidth, „Höhe“: aHeight}, 800, „linear“, Funktion ()
{
wenn (jQuery (dieses) .hasClass („pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
Bruch;
Rechtssache 2:
ani_divs.children () .hide () .each (Funktion (Index)
{
var-Verzögerung = jQuery (dieses) .attr („Reihe ")*10;
jQuery (dieses) .css ({„Breite“: aWidth}) .delay (Verzögerung) .animate ({„Höhe“: aHeight}, 800, „linear“, Funktion ()
{
wenn (jQuery (dieses) .hasClass („pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
Bruch;
Rechtssache 3:
ani_divs.children () .hide () .each (Funktion (Index)
{
var-Verzögerung = jQuery (dieses) .attr („Spalte ")*10;
aHeight = Gapper (jQuery (dieses), aHeight);
jQuery (dieses) .css ({„Höhe“: aHeight}) .delay (Verzögerung) .animate ({„Breite“: aWidth}, 800, „linear“, Funktion ()
{
wenn (jQuery (dieses) .hasClass („pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
Bruch;
Rechtssache 4:
ani_divs.children () .show () .each (Funktion (Index)
{
var-Verzögerung = index*Math.floor (Math.random () *5)*10;
aHeight = Gapper (jQuery (dieses), aHeight);
wenn (jQuery (dieses) .hasClass („pikaLastAni "))
{
Verzögerung = 800;
}
jQuery (dieses) .css ({„Höhe“: aHeight, „Breite“: aWidth, „Opazität“: .01}) .delay (Verzögerung) .animate ({„Opazität“: 1}, 800, Funktion ()
{
wenn (jQuery (dieses) .hasClass („pikaLastAni "))
{
FinishedAnimating (image_source, image_link);
}
});
});
Bruch;
Rechtssache 5:
//full-Rahmendia
ani_divs.height (main_img.height ()).hide () .css ({„Hintergrund“: „URL („+image_source+") kein-wiederholen oberstelinks“},);
ani_divs.children („Div. ").hide ();
ani_divs.css ({Breite: 0}) .animate ({Breite: main_img.width ()}, „verlangsamen“, Funktion () {
FinishedAnimating (image_source, image_link);
ani_divs.css ({„Hintergrund“: „transparent“});
});
Bruch;
Rechtssache 6:
//fade heraus dann innen
ani_divs.hide ();
main_img.fadeOut („verlangsamen“, Funktion () {
main_img.attr („src“, image_source) .fadeIn („verlangsamen“, Funktion ()
{
FinishedAnimating (image_source, image_link);
});
});
Bruch;
}
}) .attr („src“, image_source); //end Bildvorspannung
}/lebendige Bilder des Endes
Funktion FinishedAnimating (image_source, image_link)
{
Beleben = falsch;
main_img.attr („src“, image_source);
wenn (image_link == Null) {image_link = „#“}
main_link.attr („href“, image_link);
ani_divs.children () .css ({„Hintergrund“: „transparent“});
ani_divs.hide ();
wenn (spielend)
{
main_img.animate ({Opazität: 1}, options.slide_speed, Funktion ()
{
//redudency musste hier sich den Benutzer verfangen, der auf einem Bild während einer Änderung klickt.
wenn (spielend) {next_image_anchor.trigger („Klicken“, [„Automobil“]);}
});
}
}
Funktion image_click (Ereignis, wie) {
//catch, wenn Benutzer an eine Bild- dann Löschenstromdiavorführung klickt
wenn (jQuery (dieses) .hasClass („pika_selected ") || Beleben) {zurückgehen; }
wenn (wie! = " Selbst" && wie! = " autoFirst ") {
das Beleben = richten aus;
stop_anchor.hide ();
play_anchor.sh ow ();
playing=false;
main_img.stop () .dequeue ();
wenn (options.show_captions)
{
caption_div.stop () .dequeue ();
}
}
//all unsere Bildvariablen
var image_source = "";
wenn (options.user_thumbs)
{
image_source = jQuery (dieses) .attr („Hinweis“);
} sonst
{
image_source = this.src;
}
//thumbnail-Animationen
var image_link = jQuery (dieses) .attr („pikalink“);
var image_caption = jQuery (dieses) .parent () .next („Überspannung“) .html ();
//fade heraus der alte Daumen
images.filter („.pika_selected“) .fadeTo (250.0.4);
images.filter („.pika_selected“) .removeClass („pika_selected“);
//fade im neuen Daumen
jQuery (dieses) .fadeTo (250.1);
jQuery (dieses) .addClass („pika_selected“);
//fade der Untertitel heraus
wenn (options.show_captions)
{
wenn (options.delay_caption)
{
caption_div.fadeTo (800.0);
}
caption_div.fadeTo (500.0, Funktion () {
caption_div.html (image_caption);
caption_div.fadeTo (800.1);
});
}
AnimateImage (image_source, image_link, wie);
} //end image_click Funktion
Funktion next_image (Ereignis, wie) {
wenn (images.filter („.pika_selected“) .hasClass („pika_last“)){
images.filter („: zuerst“) .trigger („Klicken“, wie);
} sonst {
images.filter („.pika_selected“) .parents („Li ").next („Li ").find („Div. img ").trigger („Klicken“, wie);
}
} //end folgende Bildfunktion
Funktion previous_image (Ereignis, wie) {
wenn (images.filter („.pika_selected“) .hasClass („pika_first“)){
images.filter („: Letztes“) .trigger („Klicken“, wie);
} sonst {
images.filter („.pika_selected“) .parents („Li ").prev („Li ").find („img ").trigger („Klicken“, wie);
}
} //end vorhergehende Bildfunktion
Funktion play_button () {
main_div.hover (
Funktion () {play_div.fadeIn (400);},
Funktion () {play_div.fadeOut (400);}
);
play_anchor.bind („Klicken“, Funktion () {
main_img.stop ();
main_img.dequeue ();
wenn (options.show_captions)
{
caption_div.stop ();
caption_div.dequeue ();
}
das Spielen = richten aus;
next_image_anchor.trigger („Klicken“, [„Automobil“]);
jQuery (dieses) .hide ();
stop_anchor.sh ow ();
});
stop_anchor.bind („Klicken“, Funktion () {
Spielen = falsch;
jQuery (dieses) .hide ();
play_anchor.sh ow ();
});
}
play_button ();
aktivieren ();
ulist.children („Li: erstes ").find („img: letztes ").trigger („Klicken“, [„autoFirst“]);
}); //end Rückholthis.each
} //end Baufunktion
//activate wendet die geeigneten Schritte an allen verschiedenen Teilen der Struktur an.
//and lädt die Sätze das erste Bild
}) (jQuery);
|
