Hallo zusammen,
ich habe folgendes Problem, was ich im Moment nicht wirklich selber lösen kann.
Zuerst: die Fancybox Plus (mit Video.js) funktioniert.
Nun das Problem:
ich habe z. B. ein Bild als Thumb (150x150 px), nach dem anklicken öffent es in der Fancybox, was ja auch von mir gewollt ist.
Darunter habe ich einen LINK für Hi Res (also hohe Auflöung), normal sollte dieser Link, wenn man ihn anklickt, dass Bild statisch öffnen, also NICHT in der Fancybox, der Link verweist, wie auch das Thumb auf meinen anderen Server, also extern und NICHT im upload (Ordner) von WP eingebunden.
Wie löse ich dies nun, dass die Fancybox wohl durch klick auf das Thumbnail, das Bild in der BOX anzeigt, aber auch, durch klick auf den darunterliegenden Link, diesen eben auf einer _blank Page OHNE Fancybox.
Ich musste gezwungenermaßen die Fancybox Plus nehmen, weil von gestern auf heute meine eigene Fancybox, aif meinem Server, den Dienst im Bereich Video total einstellte, die Bilder sich aber nach wie vor öffneten, ich setze mal das ALTZE Scrit, was sich in der Template Header.php befindet hier ein, wie gesagt, im Beereich Video geht es weder in meinem Blog (WP) noch, komischerweise in meinem Blog bei Tumblr.
ZitatAlles anzeigen
[size=8]<!-- FancyBox -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jque…2/jquery.min.js">
</script><!-- Start fancybox Javascript -->[/SIZE] [size=8]
<script type="text/javascript" src="http://www.meinepage.de/ask/js/jquery.…l-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://www.meinepage.de/ask/js/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.meinepage.de/ask/css/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
* image.
*/$("a#image").fancybox({[/SIZE] [size=8]
'titleShow' : false
});
$("a[rel=box_group]").fancybox({[/SIZE] [size=8]
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});$("a.more").click(function() {[/SIZE] [size=8]
$.fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'title' : this.title,
'width' : 680,
'height' : 495,
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type' : 'swf', // <--add a comma here
'swf' : {'allowfullscreen':'true'} // <-- flashvars here
});
return false;});[/SIZE] [size=8]
function formatTitle(title, currentArray, currentIndex, currentOpts) {[/SIZE] [size=8]
return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"></a></span>' + (title && title.length ? ' ' + title + '' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
}$(".tip7").fancybox({[/SIZE] [size=8]
'showCloseButton' : 'true',
'titlePosition' : 'inside',
'titleFormat' : formatTitle,
});function formatTitle(title, currentArray, currentIndex, currentOpts) {[/SIZE] [size=8]
return '<div id="tip8-title"><span><a href="javascript:;" onclick="$.fancybox.close();"></a></span>' + (title && title.length ? ' ' + title + '' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
}$(".tip8").fancybox({[/SIZE] [size=8]
'showCloseButton' : 'true',
'titlePosition' : 'inside',
'titleFormat' : formatTitle,
});
});
</script>
<!-- End fancybox Javascript -->[/SIZE]
Wie schon oben geschrieben, funktioniert das SCRIPT im Bereich Video nicht mehr, weder bei WP, noch bei Tumblr.
Das ist aber nun das geringste Problem, wichtiger wäre mir Eure Hilfe bei der Lösung, wie ich die Fancybox Plus dazu bringe, NICHT auch den darunterliegenden Link unterhalb des Thumb zu regieren um die HiRes Page _blank zu öffnen (also in einem neuen Fenster auf einer neuen Seite).
Danke schon einmal für Eure / Deine Bemühungen
LG.
Sven