Lightbox und Image Map

DerBogo · 15. April 2010

Hallo leute,

ich habe folgendes Problem, bei der Seite hier...

http://www.pfungstadt-faustball.de/mannschaft.php

Habe ich bis jetzt erst auf Spieler nummer 6 eine Map gelegt, wenn ich dann daraufklicke sollte sich das bild in Lightbox öffnen, tut es aber nicht, es wird nur alles schwarz, aber es erscheint nicht die angeforderte Grafik.

Die Verlinkung an sich ist aber in ordnung, denn wenn ich die lightboxfunkiton entferne öffnet er mir die grafik einfach.

Ich habe nimcht wirklich ahnung von dem Kram, will bekannten aber einen Gefallen tun, also schlag ich mich damit rum, hoffe ihr könnt mir helfen.

Danke schonmal fürs durchlesen und eventuelle Hilfe ^^

Kuchenplatte · 15. April 2010

Ein Code wäre nicht schecht...

DerBogo · 15. April 2010

Von was würde denn der Code benötigt werden?

QXARE · 15. April 2010

lightbox.js, Zeile 266

Code:

this.imageArray[imageNum] is undefined

Kann dir jetzt zwar nicht genau sagen was da los ist aber vllt. hilft es dir weiter.
Weiters verwendest du noch 2 <title> Tags im Dokument.

Fleshgrinder · 16. April 2010

Erstmal ist dein HTML nicht wirklich valide, du kannst dies mit dem W3C Validator überprüfen und bereinigen.
Siehe: validator.w3.org

Du verwendest Lightbox JS Version 1, diese ist ziemlich alt und unterstützt ziemlich sicher keine Links bei <map>-Elementen. Am Besten dürfte es sein, wenn du auf ein anderes Script zurückgreifst.

Persönliche Empfehlung wäre jQuery mit jQuery ColorBox.

Auch ziemlich gut und unabhängig von irgendwelchen Frameworks wäre Highslide JS, einzige Einschränkung ist hier die Lizenzierung, da nur für nicht kommerzielle Projekte kostenlos.

DerBogo · 16. April 2010

Also, mit dem Validator überprüft und bis auf einen fehler weggemacht.

Ich habe laut der Homepage version 2.04 runtergeladen, frage ist nur ob es sich dabei wirklich um DIE lightbox handelt, hier der link

Hoffe das hilft den Helfern hier weiter ^^

Fleshgrinder · 16. April 2010

Jetzt hast du es auf der Webseite ja entfernt, deshalb ist es schwierig jetzt noch etwas dazu zu sagen. Lightbox 2 müsste aber problemlos funktionieren.

DerBogo · 19. April 2010

also ich habe die funktion jetzt NUR bei dem ersten Spieler hinzugefügt, habe jetzt extra NOCHMAL Lightbox2 geladen und hochgepackt.

Ich habe die vermutung dass mein fehler in dem punkt der anleitung liegt:

Binde die Lightbox CSS Datei ein (oder ergänze Dein eigenes Stylesheet mit den Lightbox-Styles).

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

das ist meine css

body {
background-color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #000000;
}

td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #333333;
}

a {
color: #000000;
text-decoration: none;
}

form {
background-color: #CCCC99;
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #CCCCCC;
color: #000000;
}

.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #333333;
}

.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #CCCCCC;
color: #000000;
}

.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}

.navLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}

.sidebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px;
background-color: #CCCCCC;
}

.sidebarHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #000000;
background-color: #CCCCCC;
}

.sidebarFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}

.legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}

.box1 {
border-color: #CCCCCC #333333 #333333 #CCCCCC;
border-width: medium;
border-style: ridge;
}

.promo {
font-family: "Times New Roman", Times, serif;
color: #000033;
}

.titlebar {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #000000;
background-color: #CCCCCC;
}

.dingbat {
font-family: Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
color: #000000;
font-weight: bolder;
font-size: medium;
}

a:hover {
text-decoration: underline;
}

input.big {
width: 100px;
}

input.small {
width: 50px;
}

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

ist das richtig die zeile da einfach einzufügen?

Suche

Lightbox und Image Map

DerBogo

Cadet 2nd Year

Kuchenplatte

Newbie

DerBogo

Cadet 2nd Year

QXARE

Lt. Commander

Fleshgrinder

Lt. Junior Grade

DerBogo

Cadet 2nd Year

Fleshgrinder

Lt. Junior Grade

DerBogo

Cadet 2nd Year

Ähnliche Themen