JavaScript: Link anklicken

[zoz]

Hallo, ich benutze für eine Seite das jQuery supersized Script, siehe hier: http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

Wie ihr in der Demo seht gibt es in der Ecke unten rechts einen kleinen Pfeil Button, klickt man diesen an geht eine Thumbnail Leiste auf. In der Dokumentation gibts dazu leider keine Option, deswegen muss ich dieses Element wohl irgendwie via JS "anklicken" damit die Leiste aufspringt.

Habs mit der jQuery click() und mit der Standard JS click() Funktion versucht, scheint bedies nicht zu funktionieren. Hat jemand eine Idee?

 

[mercsen]

erstmal ist das ein super mieser stiel den rechtsklick zu deaktivieren, bringt eh absolut NICHTS.
aber zu deinem problem: wieso rufst du die funktion, die bei einem klick auf den Link ausgeführt wird, nicht einfach selber auf?

z.b.
showThumbs(); oder so ?

 

[zoz]

erstmal ist das ein super mieser stiel den rechtsklick zu deaktivieren, bringt eh absolut NICHTS.

Tu ich das? oO (btw das ist die Demo seite von dem supersized script, nicht meine)

aber zu deinem problem: wieso rufst du die funktion, die bei einem klick auf den Link ausgeführt wird, nicht einfach selber auf?

z.b.
showThumbs(); oder so ?

Ja, hab im JavaScript auch schon nach der Fuktion gesucht. Leider kann ich kaum JS und tu mir schwer die passende Stelle zu finden.

 

[mercsen]

leider sind da nur die minimalversionen von den scripten drauf, also nahezu unlesbar....
aber irgendwo bei onload muss für den link eine aktion registriert werden, einfach mal den nicht minimalen Quellcode runterladen und schauen.

 

[nexus76]

ripped, uploaded & rechtsklick reaktiviert » http://www.megaupload.com/?d=A3R14RCH
Die Docu ist aber schön umfangreich, alles da http://www.buildinternet.com/project/supersized/docs.html

Die richtige Option ist wohl die thumbnail_navigation.

ich weiß nicht ob es Dir hilft, aber ich hab das JS dekomprimiert.

http://www.megaupload.com/?d=2XTHSLXE

So sieht man besser was passiert.

 

[zoz]

Die richtige Option ist wohl die thumbnail_navigation.

Leider nein, das wenn man das auf 1 setzt ist links und rechts je ein Thumb, aber nicht so eine Leiste mit allen Thumbs...

 

[nexus76]

das DIV mit den Thumbnails ist jedenfalls "slide-list".

Die Images werden im Javascript oben in der demo.html eingebunden:

slides : [ // Slideshow Images
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'}

usw. Siehe hier:
http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg

 

[zoz]

Alles schon gesehen, mir fehlt der JS part wo der kram "hochgefahren" wird. Oder eben irgendwie nen klick simulieren.

 

[nexus76]

verstehe, Du willst, daß die Leiste von Haus aus offen ist.
Moment, ich schau mal wie das am besten geht.

 

[zoz]

exakt

 

[ice-breaker]

eventuell .trigger() ?

 

[zoz]

wüsste nicht wie das mit trigger gehen sollte

 

[Xetoxyc]

onload die function aufrufen ?
die normal der click aufruft?

 

[nexus76]

also die function liegt in der shutter.js in dem Bereich:

a(vars.tray_button).toggle(function () {
                a(vars.thumb_tray).stop().animate({
                    bottom: 0,
                    avoidTransforms: true
                }, 300);

 

[Xetoxyc]

kA hab mir den code noch ned angeschaut was mal nur so ne idee wo ich anfangen würde zu suchen bzw anfangen würde rumzuprobieren

 

[ice-breaker]

wüsste nicht wie das mit trigger gehen sollte

habs eben mal versucht und funktioniert wunderbar:

$('#tray-arrow').trigger('click')

 

[Xetoxyc]

^^ joa so is warscheinlich die beste mehtode einfach nen click zu triggern was mir aber neu is das des funktioniert ;P

 

[nexus76]

kann mir wer sagen wo der der Fisch drin ist, daß das Script dann nicht weiterlädt, wenn man

window.onload = toggle thumb_tray;

aufruft? Xetoxyc, vielleicht durchschaust Du das. : ) Die thumb_tray geht auf aber das war's dann.

 

[ice-breaker]

weil das kein korrekter Code ist
Du hast 2 Literale (deine Wörter) hintereinander, JavaScript hat keine Ahnung, was es damit anfangen soll.
Dir fehlt ein Operator, also entweder toggle(thumb_tray), toggle + thumb_tray oder irgendetwas in der Art.

 

[nexus76]

http://www.megaupload.com/?d=C7VEKV8F « gefixt:
JavaScript kombiniert & fixed thumb_tray,
in der Datei supersized.shutter.min.js habe ich den Eintrag wie folgt bearbeitet.

original:

a(vars.thumb_tray).animate({
                bottom: -a(vars.thumb_tray).height()
            }, 0);

modifiziert:

a(vars.thumb_tray).animate({
                bottom: 40
            }, 0);

das funktioniert einwandfrei & in jedem Browser. Den Wert kann man getrost auch auf 10 runter setzen. Wie man's halt haben will.

Bei dieser Version ist dann schon der Button entfernt und der Wert eben auf 10 damit man noch schön den Ladebalken sehen kann: http://www.megaupload.com/?d=KYGM55U0