Hallo,
es ist sehr simpel und ich wundere mich selbst das ich es nicht hinbekommen.
Ich verwende 2 jQuery scripte:
Scrollto: Ein 2D Scroll-Script.
Fancybox: Eine hübsche Lightbox Variante.
Das Ziel:
Auf Klick scrollt ein DIV zu Koordinaten und öffnet eine Fancybox.
Das funktioniert auch alles schon, der scroll, die fancybox, läuft wunderbar. Die beiden müssen nur zusammen arbeiten.
Scrollto-Script
Fancybox-Script
ich weiß einfach nur nicht wie ich im onAfter vom Scrollto die Fancybox aufrufe mit Bild XYZ.JPG.
Normaler Link sieht so aus.
<a href="images/test1.png" class="fancy">Klick Me</a>
Ich hab schon alles gelesen. Fancybox aus Flash aufrufen, Fancybox bei Pageload aufrufen, aber das hat mir alles nichts geholfen. Für einen Profi sicher eine Sache von Sekunden...
es ist sehr simpel und ich wundere mich selbst das ich es nicht hinbekommen.
Ich verwende 2 jQuery scripte:
Scrollto: Ein 2D Scroll-Script.
Fancybox: Eine hübsche Lightbox Variante.
Das Ziel:
Auf Klick scrollt ein DIV zu Koordinaten und öffnet eine Fancybox.
Das funktioniert auch alles schon, der scroll, die fancybox, läuft wunderbar. Die beiden müssen nur zusammen arbeiten.
Scrollto-Script
Code:
$('#scroll3').click(function(){
$(document).scrollTo( {top:'8000px', left:'80%'}, 800, {
onAfter:function(){ alert("Alles klappt");
}
});Fancybox-Script
Code:
jQuery(document).ready(function() {
jQuery("a.fancy").fancybox({
'overlayShow' : false,
'zoomSpeedIn' : 600,
'zoomSpeedOut' : 500,
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'hideOnContentClick' : true,
'padding' : 0
});
});ich weiß einfach nur nicht wie ich im onAfter vom Scrollto die Fancybox aufrufe mit Bild XYZ.JPG.
Normaler Link sieht so aus.
<a href="images/test1.png" class="fancy">Klick Me</a>
Ich hab schon alles gelesen. Fancybox aus Flash aufrufen, Fancybox bei Pageload aufrufen, aber das hat mir alles nichts geholfen. Für einen Profi sicher eine Sache von Sekunden...
