Brauche Hilfe mit Lightbox2

pain2000 · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Hi,
wieso die Bilder in der Ecke kleben vermag ich leider nicht zu sagen. Dazu fehlen einfach Infos bzw. Code deiner Seite.
Ich benutz die ShadowBox (ist sehr ähnlich) und da hatte ich keinerlei Probleme. Die zu öffnenen Bilder werden in der Mitte vom Screen angezeigt...

P.S. ne gute Seite zum aneignen und erlernen von HTML, CSS u.ä. wäre http://de.selfhtml.org/

dark_age · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Sie kleben ja auch nicht in der Ecke, sondern nur am oberen Rand, von der Bildschrimbreite her sind sie mittig.

Hier ein der Auszug, das ist eines der html-felder, hier ist das ganze Zeug mit der Lightbox drin, vielleicht wirst du daraus schlau warum das so ist. (Wie gesagt meine Kenntnisse sind erst am werden...)

Code:

<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<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>
</head>
<body>
<table width="100%">
<tr>
<td><p><a href="images/fuenftes100.jpg" rel="lightboxroadtrip" title="5. Monat 1"><img src="images/fuenftes100-thumb.jpg" title="5. Monat 1" height="85" width="113" /></a><p><p><p></p></td>
<td><p><a href="images/fuenftes101.jpg" rel="lightboxroadtrip" title="5. Monat 2"><img src="images/fuenftes101-thumb.jpg" title="5. Monat 2" height="85" width="113" /></a><p><p><p></p></td>
<td><p><a href="images/fuenftes102.jpg" rel="lightboxroadtrip" title="5. Monat 3"><img src="images/fuenftes102-thumb.jpg" title="5. Monat 3" height="85" width="113" /></a><p><p><p></p></td>
</tr>
<tr>
<td><p><a href="images/fuenftes103.jpg" rel="lightboxroadtrip" title="5. Monat 4"><img src="images/fuenftes103-thumb.jpg" title="5. Monat 4" height="85" width="113" /></a><p><p><p></p></td>
<td><p><a href="images/fuenftes104.jpg" rel="lightboxroadtrip" title="5. Monat 5"><img src="images/fuenftes104-thumb.jpg" title="5. Monat 5" height="85" width="113" /></a><p><p><p></p></td>
<td><p><a href="images/fuenftes105.jpg" rel="lightboxroadtrip" title="5. Monat 6"><img src="images/fuenftes105-thumb.jpg" title="5. Monat 6" height="85" width="113" /></a><p><p><p></p></td>
</tr>
<tr>
<td><p><a href="images/fuenftes106.jpg" rel="lightboxroadtrip" title="5. Monat 7"><img src="images/fuenftes106-thumb.jpg" title="5. Monat 7" height="85" width="113" /></a><p><p><p></p></td>
<td><p><a href="images/fuenftes107.jpg" rel="lightboxroadtrip" title="5. Monat 8"><img src="images/fuenftes107-thumb.jpg" title="5. Monat 8" height="85" width="113" /></a><p><p><p></p></td>
</tr>
</body>
</html>

stb_87 · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Die lightbox.css wäre viel interessanter...

DJ Fotoart · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Ich frag mich gerade was das:

werden soll? Das ist einer zu viel.

Bei

würd ich ja sagen das da mehr Abstand rein soll, aber bei dem ersten?

Das wird nirgendwo geschlossen, stattdessen werden es von Zeile zu Zeile immer mehr.

stb_87 · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Bahamut schrieb:
Ich frag mich gerade was das:

werden soll? Das ist einer zu viel.

Bei

würd ich ja sagen das da mehr Abstand rein soll, aber bei dem ersten?

Das wird nirgendwo geschlossen, stattdessen werden es von Zeile zu Zeile immer mehr.

Kommt davon, wenn man mit nem WYSIWYG-Editor arbeitet.
Ich bin der Meinung er hätte in den ersten Beiträgen so etwas erwähnt.

DJ Fotoart · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

DW hat mir da noch nie was zerlegt

In der Regel sieht eine Zeile so aus:

Code:

                <td align="center"><p><a href="#" rel="lightbox[roadtrip]" title="#"><img src="#" width="#" height="#" alt="#" /></a> </p>

dark_age · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Schätze ich werd jetzt gleich wirklich was auf die Mütze kriegen von euch mit meinen Künsten

Aber jetzt geht das Theater noch ein wenig weiter. Offline funktioniert die ganze Seite einwandfrei aber sobald ich sie auf den Server spiele sind nur ein Paar Fotos da?! Also von 8 Vorschaubildern nur 3 und solche Sachen, die die da sind gehen natürlich auch auf mit der Lightbox bei den anderen - eh schon wissen - nada.

Vielleicht könnt ihr mir da noch drüberhelfen damit ich das ding online bekomme, dann lass ich euch auch wieder in Ruhe!

Ach ja, und danke nochmal für die bis jetzt geleistete Hilfe und die zerfetzten Nerven!

edit: Hab die Seite mal testweise auf einen Server gespielt: (dort wo sie hin soll liegt der Server nun leider brach)

DJ Fotoart · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

Du hast einige Angaben im Quellcode vergessen bei jedem Bild einzutragen.

Ich hab dir die Galerie für mal in einen anständigen Code incl. Bildunterschrift gepackt:

HTML:

<center>
  <table align="center" cellspacing="10">
    <tr valign="bottom">
      <td align="center"><p><a href="images/erstes100.jpg" rel="lightboxroadtrip" title="Endlich bin ich da!"><img src="images/erstes100-thumb.jpg" title="Endlich bin ich da!" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes101.jpg" rel="lightboxroadtrip" title="Hunger hab ich auch schon"><img src="images/erstes101-thumb.jpg" title="Hunger hab ich auch schon" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes102.jpg" rel="lightboxroadtrip" title="Mein Papa lockt mich das erste mal"><img src="images/erstes102-thumb.jpg" title="Mein Papa lockt mich das erste mal" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
    </tr>
    <tr valign="bottom">
      <td align="center"><p><a href="images/erstes103.jpg" rel="lightboxroadtrip" title="Ich bin soooo müde"><img src="images/erstes103-thumb.jpg" title="Ich bin soooo müde" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes104.jpg" rel="lightboxroadtrip" title="Meine Omi hat mich gleich weggeschnappt"><img src="images/erstes104-thumb.jpg" title="Meine Omi hat mich gleich weggeschnappt" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes105.jpg" rel="lightboxroadtrip" title="Papa und ich im Krankenhaus"><img src="images/erstes105-thumb.jpg" title="Papa und ich im Krankenhaus" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
    </tr>
    <tr valign="bottom">
      <td align="center"><p><a href="images/erstes106.jpg" rel="lightboxroadtrip" title="Urli hat sich auch gleich verliebt in mich"><img src="images/erstes106-thumb.jpg" title="Urli hat sich auch gleich verliebt in mich" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes107.jpg" rel="lightboxroadtrip" title="Und schon häng' ich an der Flasche :)"><img src="images/erstes107-thumb.jpg" title="Und schon häng' ich an der Flasche :)" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes108.jpg" rel="lightboxroadtrip" title="Urli hält es ohne mich nicht mehr aus, deshalb besucht sie mich"><img src="images/erstes108-thumb.jpg" title="Urli hält es ohne mich nicht mehr aus, deshalb besucht sie mich" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
    </tr>
    <tr valign="bottom">
      <td align="center"><p><a href="images/erstes109.jpg" rel="lightboxroadtrip" title="Tante Kerstin lockt mich"><img src="images/erstes109-thumb.jpg" title="Tante Kerstin lockt mich" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
      <td align="center"><p><a href="images/erstes110.jpg" rel="lightboxroadtrip" title="Hurra Onkel Werner aus Wien ist da!"><img src="images/erstes110-thumb.jpg" title="Hurra Onkel Werner aus Wien ist da!" height="85" width="113" alt="Beispieltext"/></a>
        <p> <p>Beispieltext</p></td>
    </tr>
  </table>

Tausch das mal bitte aus und guck ob es dann geht.

dark_age · 13.01.2009

AW: Brauche Hilfe mit Lightbox2

hmmm.... sieht glaub ich auch nicht gar so gut aus... hab's mal so am "testserver" stehen lassen

edit: was ich nicht kapiere ist das die seite offline einwandfrei funktioniert und am server solche mucken macht

DJ Fotoart · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Ersetze mal bitte lightboxroadtrip durch lightbox[roadtrip] bei allen Bildern.

Top_Gun · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

dark_age schrieb:
edit: was ich nicht kapiere ist das die seite offline einwandfrei funktioniert und am server solche mucken macht

Wenn du offline mit Windows arbeitest und online ein Linux läuft, kann es daran liegen, dass du auf Groß- und Kleinschreibung bei den Dateinamen achten musst.
Grundsatz: Windows ist das egal, Linux nicht

pain2000 · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Hi,
also das mit der GROSS- und klein-Schreibung ist wirklich so eine Sache. Da muss man aufpassen, aber was anderes. Die Bilder die dort erscheinen sollen sind auf dem Server garnicht drauf. Wenn man den Pfad mal direkt eingibt kommt eine Fehlerseite. Kann es sein, dass du einfach nicht alle Bilder hochgeladen hast?
Dieses geht
Dieses geht nicht

P.S. das Video auf der Einstiegsseite ist ja ätzend

und dann noch mit 'autoplay'

pain2000 · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Oh ha!
Der Quelltext sieht echt etwas verhauen aus, aber ich glaube du erwähntest, dass du mit nem WYSIWYG-Editor arbeitest...
Es gibt zwei HTML-Tags, zwei HEAD-Tags und zwei BODY-Tags. Das sollte auf jeden Fall nicht so bleiben. Die Implementierung der Lightbox sollte dann am Anfang der Seite stehen.

HTML:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<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>

pain2000 · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Das die Bilder oben am Rand kleben könnte auch evtl. damit zu tun haben.

HTML:

div#container
{
   width: 1024px;
   position: relative;
 -->  margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

Bin mir jetzt nicht ganz sicher, aber evtl. kannst das ja mal verändern...

Top_Gun · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Benutz mal bitte den Edit Button und spam nicht alles voll...

dark_age · 14.01.2009

AW: Brauche Hilfe mit Lightbox2

Hi, danke mal für die vielen Antworten, das der Quelltext sch..... ist damit muß ich mich leidergottes abfinden, das mit den 2 head & body teilen kommt daher das ich in die seite ein weiteres html-feld eingefügt habe.

Zur Frage ob alle Bilder hochgeladen sind: ja
Zur Frage ob es mit Linux zu tun hat: nein, (hab's grad offline bei mir auf einem Linux-Rechner ausprobiert - geht einwandfrei..., groß und kleinschreibung sind beachtet, umlaute sind auch keine drin)

Hab jetzt noch von jemandem den Tip bekommen, den vollen Link der bilder am Server anzugeben () - dieser Versuch ist jedoch auch in die Hose gegangen.

Weiters hab ich versucht eine Seite mit 'nem Editor aufzumachen und das mit den zwei head und body teilen rauszunehmen, also die 4 Codezeilen für die Lightbox in den eigentlichen Head-Teil kopieren und den Teil mit den Bildern hab ich in den eigentlichen Body-Teil kopiert - das Ergebnis war eigentlich das gleiche bis auf die Position (is klar), aber am funktionieren der Bilder hat das nix geändert.