• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Viele hassen ihn, manche schwören auf ihn, wir aber möchten unbedingt sehen, welche Bilder Ihr vor Eurem geistigen Auge bzw. vor der Linse Eures iPhone oder iPad sehen könnt, wenn Ihr dieses Wort hört oder lest. Macht mit und beteiligt Euch an unserem Frühjahrsputz ---> Klick

Problem mit fancybox:-(

C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Hallo zusammen,

also ich möchte unbedingt fancybox verwenden.

nun habe ich es bereits zum Laufen gebracht:
<script>
jQuery(document).ready(function()
{jQuery(".zoom").parent().fancybox({
"hideOnContentClick":true,
"overlayShow":true,
"overlayOpacity":0.4,
"zoomSpeedIn":400,
"zoomSpeedOut":600});
});
</script>
Zum Vergrößern anklicken....

Alles was die Klasse "zoom" bekommt öffnet also fancybox.

Wenn ich allerdings externe Seiten laden will, dann läd er ewig:(

Außerdem schaut das ganze nicht so aus, wie in der Anleitung (habe den Code von meinem wordpressplugin - dort läuft alles auch externe Links einwandfrei...)

Wenn ich allerdings alles so eingebe, wie es auf der Webseite beschrieben ist (und auch im Quellcode zu finden ist), dann klappt es ums verrecken nicht. Es passiert dann einfach gar nichts.
<script type="text/javascript">
$(document).ready(function() {
$("img.zoom").fancybox();
'overlayShow': true,
'overlayOpacity':0.4,
'zoomSpeedIn':400,
'zoomSpeedOut':600
});
});
</script>
Zum Vergrößern anklicken....
Weiß jemand eine Lösung?
 
  • Like
Reaktionen: gKar
MasterofDistres

MasterofDistres

Kleiner Weinapfel
Registriert
07.12.06
Beiträge
1.139
Bei mir hat folgendes immer funktioniert (auch z.B. externe Seiten):

Code: 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/zoom/fancybox.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('.zoom').fancybox({
			'hideOnContentClick': true
		});
	});	
</script>

Und dann folgende Links:

Code: 
<a class="ajax" href="http://google.de" title="Google-Suche">Googlen!</a>

War aber, nebenbei bemerkt, immer manuell eingerichtet und nicht von einem Plugin - also falls es bei dir dann trotzdem nicht funktioniert, würde ich die Alternative mal in Betracht ziehen ;)
 
Zuletzt bearbeitet:
C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
MasterofDistres schrieb:
Bei mir hat folgendes immer funktioniert (auch z.B. externe Seiten):

(...)

War aber, nebenbei bemerkt, immer manuell eingerichtet und nicht von einem Plugin - also falls es bei dir dann trotzdem nicht funktioniert, würde ich die Alternative mal in Betracht ziehen ;)
Zum Vergrößern anklicken....

Es ist bei mir auch nicht mit einem PlugIn eingerichtet... Das ist nicht für ein wordpress-Theme (ich verwende es nur der Einfachheit halber auch auf meinem Blog mit einem Plugin), sondern ein anderes Projekt. Ich habe nur mal testhalber den vom PlugIn generierten Code reinkopiert. Damit hat es immerhin teilweise funktioniert...

Für ich den Code wie "vorgeschrieben" ein dann geht gar nichts.
 
C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Welche Skripte verwendest du?
Die von der Homepage von fancybox?
Also irgendwie will das einfach nicht hinhauen:(

Entweder es geht gar nicht oder er lädt sich einfach nur tot....
 
C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Im Moment bekomme ich den transparenten Hintergrund und dann geht er auf die Seite von Google - nur leider nicht in der fancybox:
<!-- start include overlayskript -->

<script type='text/javascript' src='fancybox/jquery.js?ver=1.2.6'></script>
<script type='text/javascript' src='fancybox/jquery.fancybox.min.js?ver=1.3'></script>

<link rel="stylesheet" href="fancybox/fancy.min.css?ver=1.3" type="text/css">
<script type="text/javascript">jQuery(document).ready(function(){jQuery(".zoom").parent().fancybox({"hideOnContentClick":true,"overlayShow":true,"overlayOpacity":0.7,"zoomSpeedIn":350,"zoomSpeedOut":350});});</script>

<!-- end include overlayskript -->
Zum Vergrößern anklicken....
 
MasterofDistres

MasterofDistres

Kleiner Weinapfel
Registriert
07.12.06
Beiträge
1.139
C64 schrieb:
Welche Skripte verwendest du?
Die von der Homepage von fancybox?
Also irgendwie will das einfach nicht hinhauen:(

Entweder es geht gar nicht oder er lädt sich einfach nur tot....
Zum Vergrößern anklicken....

Hab die normale Version von jQuery (weiß nicht genau, welche) und fancybox (1.0.0) im Einsatz (bei dir steht was von fancybox.min - vielleicht eine im Umfang reduzierte Version?) und den Code, den ich oben gepostet habe. Funktioniert es, wenn du die Skripte neu herunterlädst, einbaust, sowie den Code von oben verwendest, anstatt das vom Plugin generierte?

Edit:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="content-language" content="de" />
		<meta name="keywords" content="tags" />
		<meta name="description" content="description" />

		<link rel="icon" type="image/png" href="http://www.apfeltalk.de/forum/images/favicon.png" />
		<link rel="alternate" type="application/rss+xml" title="RSS-Feed" href="/feed/" />

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/zoom/fancybox.js"></script>
		<script type="text/javascript" src="js/effects.js"></script>

		<style type="text/css" media="screen">
			@import url(style.css);
			@import url(js/zoom/fancy.css);
		</style>

		<!--[if gte IE 7]>
			<style type="text/css" media="screen"> @import url(style_ie.css); </style>
		<![endif]-->
	</head>
	<body>
		<a class="zoom" href="http://google.de" title="Google">Google!</a>
	</body>
</html>

Läuft ohne Probleme! (Effects.js =
Code: 
$(document).ready(function() {
		$('.zoom').fancybox({
			'hideOnContentClick': true
		});
	});
 
C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Es scheint irgendein Problem zwischen prototype.js und fancybox zu geben.
Es funktioniert immer das Skript, welches ich als letztes reinlade... o_O
Ich bräuchte prototype.js für slider...
 
C64

C64

Kaiser Alexander
Registriert
12.04.06
Beiträge
3.957
Perfekt.... nach etwas Arbeit läuft das jetzt:-D
Nur noch optisch anpassen, aber vom Prinzip her läuft das Ganze;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2024 Apfeltalk | Made on a Mac
Oben Unten