Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] problem mit lightbox| (https://www.gegen-bilderklau.net/thread.php?threadid=151753)


Geschrieben von -blue- am 08.03.2009 um 16:43:

  problem mit lightbox|

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>



Geschrieben von Julia712 am 08.03.2009 um 17:54:

 

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



Geschrieben von -blue- am 08.03.2009 um 19:05:

 

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



Geschrieben von -blue- am 31.03.2009 um 17:54:

 

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>



Geschrieben von .Senseless am 31.03.2009 um 18:03:

 

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



Geschrieben von -blue- am 31.03.2009 um 18:23:

 

*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>



Geschrieben von .Senseless am 31.03.2009 um 18:45:

 

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" />



Geschrieben von -blue- am 31.03.2009 um 20:37:

 

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