Probleme mit fancybox

**Lena83** · 12.07.2008 20:14

Hallo Leute

für meine Seite wollte ich die Bildergalerie fancybox verwenden. http://fancy.klade.lv/

unglücklicherweise bekomme ich sie nicht zum laufen. Dabei habe ich bei den Pfadangaben schon alles mögliche ausprobiert. Das Bild erscheint immer ohne den gewünschten Effekt und wird in einer neuen Seite angezeigt.
Was mache ich bloß falsch?

grüße, Lena

**Boris** · 12.07.2008 23:00

Stell bitte eine funktionierende Version online, hier mag niemand ein .zip entpacken

**Lena83** · 13.07.2008 21:11

Die Dateien könnte ich erst Ende der Woche online stellen . ich habe nämlich selbst keine domaine.

Ich habe gedacht dass es besser ist, wenn ich alle Dateien anhänge.
Dann ist doch alles beisammen und man sieht sofort, welche Dateien sich in welchem Verzeichnis befinden

**epiK** · 13.07.2008 22:19

Du hast aber auch noch etwas vergessen...
Die Ordnerstruktur, etc. passt schon.
Folge dem Link zur How-to-use-site und beachte Punkt 3 ="Use the plugin".

Du hast zwar alles geladen, aber benutzt das Teil nicht... das ist alles ;-)

**Lena83** · 14.07.2008 11:49

Danke für deine Hilfe. Das habe ich total übersehen, aber damit funktioniert es auch nicht

hier der Quelltext:

HTML-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" lang="de">
<head>
<title>Alpspitze</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="language" content="deutsch, de" />
<link rel="stylesheet" href="fancybox/fancy.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="fancybox/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.0.0.js"></script>
<script type="text/javascript" src="fancybox/jquery.pngFix.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.metadata.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$("p#test1 a").fancybox();

	$("p#test2 a").fancybox({
		'hideOnContentClick': true
	});

	$("p#test3 a").fancybox({
		'zoomSpeedIn':	0, 
		'zoomSpeedOut':	0, 
		'overlayShow':	true
	});
});
</script>

</head>

<body>

| <a href="murnauermoos.html" >Murnauer Moos</a> | <a href="zugspitze.html" >Zugspitze</a> | <strong>Alpspitze</strong> | 
 <a href="wettersteingebirge.html" >Wettersteingebirge</a> |  <a href="karwendelgebirge.html" >Karwendelgebirge</a> | 
 <a href="ammergaueralpen.html" >Ammergauer Alpen</a> | <a href="Estergebirge.html" >Estergebirge</a> | 


<h1>
Alpspitze
</h1>

<a title="Alpspitze" href="images/alpspitze/big/1.jpg"><img alt="Alpspitze" src="images/alpspitze/1.jpg" /></a>

Die Alpspitze ist ein 2628 m hoher Berg im Wettersteingebirge. Als Wahrzeichen von Garmisch-Partenkirchen gilt der pyramidenförmige Gipfel als eine der bekanntesten und schönsten Berggestalten der Nördlichen Kalkalpen.
<br /><br />
Auf die Alpspitze führen mehrere Klettersteige. Der kürzeste Anstieg erfolgt von der Bergstation Osterfelderkopf (2030 m) der Alpspitzbahn von Garmisch-Partenkirchen. Vom Osterfelderkopf kann die Alpspitze entweder direkt über die „Alpspitz-Ferrata“, einen leichten, weitgehend gesicherten und vielbegangenen Klettersteig erstiegen werden (ca. 2 Stunden vom Osterfelderkopf) oder man erreicht den Gipfel über den Nordwandsteig, der in einem Bogen nach Osten ins Oberkar und von dort am linken Rand des Kars zum Gipfel führt.
<br />
Eine weitere Auf- bzw. Abstiegsmöglichkeit besteht von der Grießkarscharte (2460 m), die man entweder von der Höllentalangerhütte im Höllental über das Matthaisenkar erreicht (Klettersteig) oder vom Stuibensee über das Grießkar.
<br />
Die oft begangene Führe von der Alpspitze über den Jubiläumsgrat zur Zugspitze ist eine schwierige und lange Klettertour, bei der Stellen im dritten Schwierigkeitsgrad der UIAA-Skala zu bewältigen sind.




</body>
</html>

**Boris** · 14.07.2008 11:55

Ähm ... du bindest die fancybox an das Element p#test1 a ... nur hast du dieses nirgends in deinem HTML.

**epiK** · 14.07.2008 11:59

Klar funktioniert das, allerdings natürlich nicht so, wie Du das "angelegt" hast...

PHP-Code:


$("p#test1 a").fancybox();

diese Zeile heißt soviel, wie:
innerhalb von "p" mit der id="test1" werden alle "a" mit der fancybox ausgerüstet.

Dein Bild ist aber nicht innerhalb eines "p", von daher wird das auch nicht mit dem Effekt ausgestattet.

Versuchs mal so:

PHP-Code:


<p id="test1">

<a title="Alpspitze" href="images/alpspitze/big/1.jpg"><img alt="Alpspitze" src="images/alpspitze/1.jpg" /></a></p>

Dann sollte es auch klappen.

**Lena83** · 14.07.2008 16:37

Recht herzlichen dank! Nun funktioniert es.
ohne Hilfe hätte ich das nicht hin bekommen.
Nochmals vielen Dank

**Boris** · 14.07.2008 16:39

Dafür sind wir alle doch hier

**Lena83** · 14.07.2008 21:42

Zitat von Boris

Dafür sind wir alle doch hier

schöne Sache

**Lena83** · 15.07.2008 17:27

Hallo nochmal

nun habe ich schon wieder unlösbare Probleme mit dieser Galerie. Ich möchte mehrere Bilder zu einer Gruppe zusammenfassen und habe mir dazu den Quelltext der Seite ausführlich durchgelesen und die fehlenden Angaben ergänzt. Anscheinend fehlt aber immer noch etwas, denn nach dem Anklicken eines Bildes wird dieses wieder in einem neuen Fenster ohne Effekt angezeigt (genau wie am Anfang)

HTML-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" lang="de">
<head>
<title>Zugspitze</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="language" content="deutsch, de" />
<link rel="stylesheet" href="fancy.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.0.0.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("p#test1 a").fancybox();

	$("p#test2 a").fancybox({
		'zoomSpeedIn':	0, 
		'zoomSpeedIn':	0, 
		'overlayShow':	true
	});

	$("p#test3 a").fancybox({
		'zoomSpeedIn':	0, 
		'zoomSpeedOut':	0
	});
});
function getGroupItems(opts) {
	jQuery.each(imageList, function(i, val) {
        opts.itemArray.push(val);
        });
}
</script>
</head>

<body>


<h2>Berge und Kulturlandschaften</h2>


| <a href="murnauermoos.html" >Murnauer Moos</a> | <strong>Zugspitze</strong> | <a href="alpspitze.html" >Alpspitze</a> | 
 <a href="wettersteingebirge.html" >Wettersteingebirge</a> |  <a href="karwendelgebirge.html" >Karwendelgebirge</a> | 
 <a href="ammergaueralpen.html" >Ammergauer Alpen</a> | <a href="Estergebirge.html" >Estergebirge</a> | 


<h1>
Zugspitze
</h1>

Die Zugspitze ist mit 2962,06 m der höchste Berg Deutschlands und befindet sich am Fuße des Ortes Grainau am Eibsee.
<br />
Der Gipfel ist bequem mit der Eibseeseilbahn, der Bayerischen Zugspitzbahn (Zahnradbahn) oder der Tiroler Zugspitzbahn zu erreichen. Die Fahrzeit der Seilbahnen liegen bei etwa 10 Minuten und ermöglichen bei guter Sicht einen herrlichen Blick in die umgebende Gebirgswelt.
Etwa 350m unterhalb des Gipfels ist ein sanft abfallendes Geröllfeld  - das so genannte Zugspitzplatt - mit Deutschlands höchstem und einzigem Gletscher.
<br />
Im Winter herrscht hier reger Skibetrieb; im Sommer lädt die Terrasse des Restaurants viele Touristen zu Kaffee und Kuchen und einem Sonnenbad ein.
<br />
Mit einem Ausflug zur Zugspitze lässt sich wunderbar ein Spaziergang durch die 702m lange Partnachklamm im Reintal bei Garmisch-Partenkirchen verbinden. Die spektakuläre Klamm (bis zu 80 m tief) wurde 1912 zum Naturdenkmal erklärt. 
<br /><br />

<p id="test2">
<a rel="group1" title="Zugspitze" href="images/zugspitze/big/2.jpg"><img alt="Zugspitze" src="images/zugspitze/thumbs/2k.jpg" /></a>
<a rel="group1" title="Zugspitze" href="images/zugspitze/big/3.jpg"><img alt="Zugspitze" src="images/zugspitze/thumbs/3k.jpg" /></a>
<a rel="group1" title="Zugspitze" href="images/zugspitze/big/5.jpg"><img alt="Zugspitze" src="images/zugspitze/thumbs/5k.jpg" /></a>
<a rel="group1" title="Zugspitze" href="images/zugspitze/big/7.jpg"><img alt="Zugspitze" src="images/zugspitze/thumbs/7k.jpg" /></a>
<a rel="group1" title="Zugspitze" href="images/zugspitze/big/8.jpg"><img alt="Zugspitze" src="images/zugspitze/thumbs/8k.jpg" /></a>
</p>




</body>
</html>

**epiK** · 15.07.2008 20:16

mir scheint, Du hast da etwas verändert... stimmen denn die "neuen" Pfade?

PHP-Code:


<link rel="stylesheet" href="fancy.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>

<script type="text/javascript" src="js/jquery.fancybox-1.0.0.js"></script>

<script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>

Vorher wars ja nicht im Ordner "js" sondern "fancybox"

**Lena83** · 15.07.2008 21:18

Oh Gott, wie peinlich. Danke für den Hinweis!
Ich hatte ständig nach einer Definition für group1 gesucht und an die Pfadangaben gar nicht gedacht. Ich weiß zwar nicht wieso ich diese geändert habe, aber getan habe ich es jedenfalls und das leider total vergessen.

**technic** · 11.09.2008 16:10

ach! ich liebe dieses Forum! :-)))

**Extravaganza** · 18.10.2008 23:45

Hallo

habe es jetzt auch mal mit dieser Fancybox probiert aber bei mir geht das Bild im neuen Browser auf obwohl ich wie ich meine es so gemacht habe wie hier beschrieben oder habe ich da was falsch gemacht...kann mir da jemand helfen.

hier mal die Seite an der ich arbeite

http://www.s254726781.online.de/inde...bhome=lageplan

diesen Lageplan wollte ich in gross dann in dieser Fancybox haben aber es will einfach nicht vielleicht weiss einer einen Rat denn so langsam verzweifel ich. Habe schon die Pfade kontrolliert und soweit müsste alles stimmen aber es geht einfach nicht.

lieben Gruss Extravaganza

P:S: sollte ein Screen oder so benötigt werden ruhig schreien bin für jede Hilfe dankbar

zur Startseite vom TP

Thema: Probleme mit fancybox

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Probleme mit fancybox

auch meine Fancybox läuft nicht....schnief

Ähnliche Themen

Probleme mit ICQ....

Probleme über Probleme bei einem Logo

Englische ver. probleme nur probleme

Probleme im NC 4.7

Aktive Benutzer

Aktive Benutzer