Warnung: file_put_contents(/home/www/web1/html/php_dev/test.txt) [function.file-put-contents]: failed to open stream: Permission denied in /home/www/web1/html/php_dev/sys/lib.activity.php (Zeile 58)
[jQuery] fancybox und scrollto probleme [Archiv] - PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr
ebiz-consult PHP Entwicklung
- Ad -
php-resource




Archiv verlassen und diese Seite im Standarddesign anzeigen :
[jQuery] fancybox und scrollto probleme


 
einermeiner
10-02-2010, 15:01 
 
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

 
AmicaNoctis
10-02-2010, 15:12 
 
falsches Forum. *verschieb*


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:20 Uhr.