fancybox und scrollto probleme unter jquery

[stupiddiary]

fancybox problem: Ich habe es geschafft fancybox einzugliedern, die Gallerie funktioniert auch mit Mausrad. Nur hätte ich gerne unter den Bildern noch eine Bildbeschreibung. Auf der Fancybox Homepage gibt es nur Beispiele für Bildunterschrift seperat.

Die Bildershow wird über die example_group bestimmt:

$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
}

die bilder sind folgendermaßen eingebettet:

<a rel="example_group" title="" href="7_b.jpg">
<img alt="example_group" src="7_s.jpg" />
</a>

auch wenn ich bei title="" irgendwas eingebe erscheint dies nicht unter den Fotos.
Was muss ich ändern?

Problem Nr 2: Ich hatte zuvor die prototype Umgebung verwendet. Dann habe ich herausgefunden dass dies Probleme mit fancybox verursacht. Also bin ich auf jQuery umgestiegen. Jetzt versteh ich leider bei all den Anleitungen gar nicht wie ich durchs klicken auf einen Link zu einer bestimmten ID scrolle. Es soll beim klicken ganz einfach nach unten scrollen. Mit Prototype hat folgender Befehl funktioniert:

<div id="htmlnavi"><img src="img/html-sw.jpg" name="htmlp" width="69" height="25" onclick="Effect.ScrollTo('work'); return false;" onMouseOver="document.htmlp.src='img/html-farbe.jpg';" onMouseOut="document.htmlp.src='img/html-sw.jpg';"></div>

angeblich soll man mit dem Befehl unter jQuery scrollen können:

<div id="ps"><a title="$(...).scrollTo( 'work', {duration:3000} );"><img src="img/ps-sw.jpg" name="psp" width="45" height="43" onMouseOver="document.psp.src='img/ps-farbe.jpg';" onMouseOut="document.psp.src='img/ps-sw.jpg';"> </a></div>

funktioniert nur leider nicht.
Vielen dank schonmal für eure Hilfe

 

[baddimi]

AW: fancybox und scrollto probleme unter jquery

Servus,
ich habe auch das selbe Problem (Nr.1) mit dem Titel für ein Bild in einer Bildgallerie.
Ich bin leider kein großer Programmierer, verstehe allerdings hier und da was.
Ich glaube, dass der Titel aus folgendem Grund nicht angezeigt wird:

'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';

In der Return-Anweisung fehlt die entsprechende Funktion. (currentIndex + 1) steht für das aktuelle Bild, danach kommt '/' Slash und (currentArray.length) steht für die gesamte Anzahl der Bilder. Das war's. Keine Funtion für den Titel(vegebenen Namen). Ich habe lange gegoogelt und auch die Anleitung auf der Herstellerseite zu jQuery gründlich durchgesucht. Leider wurde ich nicht fündig, vielleicht sehe ich den Wald.....

Es wäre wirklich toll, wenn jemand sagen könnte wie die Funktion heißt, die im Return den Titel definiert.

Gruß
Dimitrij

 

[baddimi]

AW: fancybox und scrollto probleme unter jquery

OK, für das Problem Nr. 1 habe ich die Lösung gefunden. Durch rumprobieren habe ich entdeckt, dass man das Skript um folgendes ergänzen muss:

'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-outside">Image ' + title + (currentIndex + 1) + ' - ' + currentArray.length + '</span>';

Dann wird auch der jeweilige Titel den man zw. den Hochkommatas einträgt angezeigt.

Gruß
Dimitrij