[CSS] problem mit lightbox|

-blue-

Ich hab das jetzt mit den Lightboxen probiert und anfangs hat es auch geklappt. Doch jetzt öffnet sich das Bild immer in einem neuen Fenster. Was ist falsch?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>sunset</title>
  <script type="text/javascript"
 src="http://espoir.es.funpic.de/js/prototype.js"></script>
  <script type="text/javascript"
 src="http://espoir.es.funpic.de/js/scriptaculous.js?load=effects,builder"></script>
  <script type="text/javascript"
 src="http://espoir.es.funpic.de/js/lightbox.js"></script>
  <link rel="stylesheet"
 href="http://espoir.es.funpic.de/css/lightbox.css"
 type="text/css" media="screen" />
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://espoir.es.funpic.de/background.jpg);"
 alink="#333333" link="#000000" vlink="#000000">
<div style="text-align: center;"><br />
<img style="width: 500px;" alt=""
 src="http://espoir.es.funpic.de/sunset.jpg" /><br />
<br />
</div>
<div style="text-align: center;"><small
 style="font-style: italic;"><a
 href="http://espoir.es.funpic.de/sunset1.jpg"
 rel="lightbox[sunset]">1</a></small>
| <small style="font-style: italic;"><a
 style="font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset2.jpg"
 rel="lightbox[sunset]">2</a></small> | <small
 style="font-style: italic;"><a style="font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset3.jpg"
 rel="lightbox[sunset]">3</a></small> | <small><a
 style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset4.jpg"
 rel="lightbox[sunset]">4</a><span
 style="font-style: italic; font-family: Arial;"> | </span><a
 style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset5.jpg"
 rel="lightbox[sunset]">5</a><span
 style="font-style: italic; font-family: Arial;">
| </span><a style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset7.jpg"
 rel="lightbox[sunset]">7</a><span
 style="font-style: italic; font-family: Arial;">
| </span><a style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset8.jpg"
 rel="lightbox[sunset]">8</a><span
 style="font-style: italic; font-family: Arial;">
| </span><a style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset9.jpg"
 rel="lightbox[sunset]">9</a><span
 style="font-style: italic; font-family: Arial;">
| </span><a style="font-style: italic; font-family: Arial;"
 href="http://espoir.es.funpic.de/sunset10.jpg"
 rel="lightbox[sunset]">10</a></small></div>
<small><br />
<br />
</small>
</body>
</html>

Julia712

Hey,

ich habs ausgetestet und es geht einwandfrei.
Kann es sein, dass du zwischenzeitlich mal Javascript blockiert hast oder 'nen Blocker eingestellt hast?

Lg, Julia

-blue-

Blocker? Nicht das ich wüsste xD
Aber bei mir gehts jetzt auch ... also sry

-blue-

Hab jetzt nochmal ein Problem mit den Lightboxen. Diesmal hab ich aber wirklich tausendmal probiert, damit mir nicht wieder sowas passiert wie oben.
Also, ich hab im code oben das stehen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>espoir - Photography - Galerie</title>
  <script type="text/javascript" src="js/prototype.js"></script>
  <script type="text/javascript"
 src="js/scriptaculous.js?load=effects,builder"></script>
  <script type="text/javascript" src="js/lightbox.js"></script>
  <link rel="stylesheet" href="css/lightbox.css"
 type="text/css" media="screen" />
</head>

Und weiter unten dann das:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:

<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04559.JPG"
 rel="lightbox[sunrise2]">01|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04571.JPG"
 rel="lightbox[sunrise2]">02|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04573.JPG"
 rel="lightbox[sunrise2]">03|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04575.JPG"
 rel="lightbox[sunrise2]">04|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04579.JPG"
 rel="lightbox[sunrise2]">05</a>
<span style="text-decoration: underline;"><br />
<br />
<br />
Frozen Forest</span><br />
Diese Bilder entstanden eines sch&ouml;nen Nachmittags im Januar.
Der Wald sah wirklich 'eingefroren' aus, den musste ich fotografieren.
Kamera:
Sony DSC-W55<br />
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest1.JPG"
 rel="lightbox[forest]">01|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest2.jpg"
 rel="lightbox[forest]">02|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest3.jpg"
 rel="lightbox[forest]">03|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest4.jpg"
 rel="lightbox[forest]">04</a>
</small>

.Senseless

Geht bei mir..? klick
Siehe z.B. die 3.

-blue-

*grml* ist doch immer das gleiche. die mögen mich nicht ^^

also ich habs nochmal probiert, aber bei mir funktionierts immer noch nicht *klick*
Ich verzweifel noch ...

Hier mal mein ganzer Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>espoir - Photography - Galerie</title>
  <script type="text/javascript" src="js/prototype.js"></script>
  <script type="text/javascript"
 src="js/scriptaculous.js?load=effects,builder"></script>
  <script type="text/javascript" src="js/lightbox.js"></script>
  <link rel="stylesheet" href="css/lightbox.css"
 type="text/css" media="screen" />
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://espoir.es.funpic.de/espoir/back2.jpg);"
 alink="#333333" link="#000000" vlink="#000000">
<div
 style="margin: auto; position: relative; width: 906px; height: 656px;">
<img style="width: 906px; height: 656px;"
 src="http://espoir.es.funpic.de/espoir/design/Design-Home.jpg"
 alt="" usemap="#imgmap" />
<div
 style="font-family: Arial; font-style: italic; width: 400px; left: 321px; top: 178px; position: absolute;">
<div style="text-align: center;"><span
 style="font-weight: bold;">Die Galerie</span><small>
<br />
<br />
<span style="text-decoration: underline;">Sunrise<br />
</span>Hat sich meiner Meinung nach gelohnt, noch vor der Schule
fotografieren
zu gehen. Ich war den restlichen Tag dann zwar totm&uuml;de, aber
was solls.<br />
Kamera: Sony DSC-W170<br />
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04559.JPG"
 rel="lightbox[sunrise2]">01|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04571.JPG"
 rel="lightbox[sunrise2]">02|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04573.JPG"
 rel="lightbox[sunrise2]">03|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04575.JPG"
 rel="lightbox[sunrise2]">04|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/Sunrise_2/DSC04579.JPG"
 rel="lightbox[sunrise2]">05</a>
<span style="text-decoration: underline;"><br />
<br />
<br />
Frozen Forest</span><br />
Diese Bilder entstanden eines sch&ouml;nen Nachmittags im Januar.
Der Wald sah wirklich 'eingefroren' aus, den musste ich fotografieren.
Kamera:
Sony DSC-W55<br />
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest1.JPG"
 rel="lightbox[forest]">01|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest2.jpg"
 rel="lightbox[forest]">02|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest3.jpg"
 rel="lightbox[forest]">03|</a>
<a
 href="http://espoir.es.funpic.de/espoir/galerie/frozen_forest/forest4.jpg"
 rel="lightbox[forest]">04</a>
</small></div>
<map name="imgmap">
<area shape="rect" coords="840,140,897,165"
 href="http://espoir.es.funpic.de" alt="" />
<area shape="rect" coords="832,189,897,212"
 href="http://espoir.es.funpic.de/espoir/galerie.html" alt="" />
<area shape="rect" coords="809,224,897,247"
 href="http://espoir.es.funpic.de/espoir/grafiken.html" alt="" />
<area shape="rect" coords="789,273,897,295"
 href="http://espoir.es.funpic.de/espoir/gaestebuch.html" alt="" />
<area shape="rect" coords="821,321,897,344"
 href="http://espoir.es.funpic.de/espoir/kontakt.html" alt="" />
<area shape="rect" coords="840,370,897,392"
 href="http://espoir.es.funpic.de/espoir/links.html" alt="" />
<area shape="rect" coords="6,633,100,670"
 href="http://espoir.es.funpic.de/espoir/impressum.html" alt="" />
</map>
</div>
</div>
</body>
</html>

.Senseless

Stimmt, auf deinem Link gehts bei mir auch nicht.. Ich schau mal nach, hatte mit dieser Mistbox nämlich auch schon viele Probleme^^

Editiers dann rein ;D

EDIT:

Ersetz mal das

code:
1: 2:	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

damit

code:
1: 2:	<link rel="stylesheet" href="http://espoir.es.funpic.de/css/lightbox.css" type="text/css" media="screen" />

-blue-

Muss zwar bei noch mehr die vollständige Adresse angeben, aber jetzt gehts Freude

thx *keks rüberwerf*

Forensoftware: Burning Board, entwickelt von WoltLab GmbH