Brauche Hilfe mit Lightbox2

[dark_age]

Hallo,

wie im Vorstellungsthread bemerkt bin ich dabei meine erste Homepage zu basteln. Das ganze soll mit einer Menge Fotos gespickt werden. Leider bin ich aufgrund meiner HTML-Kenntnisse auf etwas "Hilfe" angewiesen und verwende für das ganze WYSIWYG Web Builder 5, (bitte nicht gleich so fest hauen).

Ich hab mir jetzt das Teil da angeschaut und werd aus der Beschreibung einfach nicht schlau. Vielleicht kann man das trotz WYSIWYG verwenden!? Den HTML Code kann ich dort ja bearbeiten.

Hoffe ein geduldiger Mensch hat Zeit und hilft mir da drüber!

Besten Dank!!!

 

[BigBilly]

AW: Brauche Hilfe mit Lightbox2

Was willst du denn jetzt wissen?
Ich werde hierraus nicht gerade schlau.

 

[maromedia84]

AW: Brauche Hilfe mit Lightbox2

Ja wäre schon nett wenn du erörtern könntest was Du denn genau wissen willst.
Genaue Fragestellung, dann kann dir auch geholfen werden!

Aber denke du wirst Probleme haben, dass es nicht in Deine Site integriert bekommst oder liege ich da falsch?

 

[Top_Gun]

AW: Brauche Hilfe mit Lightbox2

Vielleicht kann man das trotz WYSIWYG verwenden!? Den HTML Code kann ich dort ja bearbeiten.

Kannst du. Lad dir die Lightbox runter und füge den Code, wie sicherlich irgendwo beschrieben, in deinen Quelltext ein. Das geht auch ohne WYSIWYG...

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

Ja, Punkt 1 mit den 3 Zeilen Code die ich einfügen muss geht ja, mein Verständnis hapert ab Punkt 2.

Und was ich im grunde genommen nicht ganz kapiere wie ich dann Bilder in die Seite einfüge...

 

[Top_Gun]

AW: Brauche Hilfe mit Lightbox2

Meinst du Part 1 Punkt 2?

Du musst dazu diese Zeile:

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

in deinem Quelltext direkt vor

</header>

einfügen.

Die Bilder (Part2) kannst du über den WYSIWYG einfügen. Das sieht dann im Quelltext so ähnlich aus:

<img src="pfad/zum/Bild.jpg" />

Dies tauscht du im Quelltext gegen folgendes:

<a href="pfad/zum/Bild.jpg" rel="lightbox"><img src="pfad/zum/Bild.jpg" /></a>

Wenn du mehrere Bilder gruppieren möchtest, musst du

rel="lightbox[gruppenname]"

benutzen.

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

ok, danke mal für's erste, ich werd das heute am abend wenn ich mehr zeit habe mal probieren, falls noch was schief geht melde ich mich nochmal!

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

So, Herzlichen Dank nochmal für die Hilfe!

Hab das Prinzip jetzt wenigstens halbwegs durchblickt und einen Versuch gemacht der sehr gut funktioniert hat!

Anscheinend ist es am einfachsten in WYSIWYG nicht den Code der ganzen Seite zu ändern da es sich relativ schwierig gestaltet die Zeilen dort in den Code zu bekommen wo man sie haben will, und wenn die Seite mal als .html exportiert ist kann man sie mit WYSIWYG ja nicht mehr bearbeiten.

Lösung: Einfach in der Seite ein eigenes kleines HTML-Feld machen, das ganze Lightboxzeugs da reinschreiben und sieheda - funktioniert einwandfrei! (manchmal laufen die grauen zellen etwas langsam )

Besten Dank nochmal!

 

[Top_Gun]

AW: Brauche Hilfe mit Lightbox2

Anscheinend ist es am einfachsten in WYSIWYG nicht den Code der ganzen Seite zu ändern da es sich relativ schwierig gestaltet die Zeilen dort in den Code zu bekommen wo man sie haben will, und wenn die Seite mal als .html exportiert ist kann man sie mit WYSIWYG ja nicht mehr bearbeiten.

Wenn du in dem Editor keine Codeansicht hast, ist das ein recht bescheidener Editor. Mein Rat wäre: Wenn schon ein WYSIWYG, dann einen vernünftigen

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

Naja, WYSIWYG WebBuilder 5... tja, im großen und ganzen aber angenehm zum arbeiten und durch die HTML-Felder die du einfügen kannst eigentlich recht brauchbar - gewöhnungsbedürftig halt.

Eine Frage ist jedoch noch aufgetaucht: Ich hab die Bilder immer untereinenader, was bei einem Block von z.B. 15 Bildern etwas blöd ist. Besser wäre z.B. 3 untereinander und 5 nebeneinander... das bekomm ich jedoch nicht hin.

vielleicht eine idee dazu?


edit: außerdem kleben die Bilder die aufgehen am oberen Rand der Seite, komm aber auch nicht drauf wie ich das ein wenig weiter nach unten bekomme

 

[stb_87]

AW: Brauche Hilfe mit Lightbox2

Würdest du dir ein paar HTML-Grundkenntnisse aneignen, wäre es um einiges einfacher.

Vom ding her müsste ein margin-top: 30px reichen - je nach dem wie groß der Abstand werden soll.

Werden die Bilder bei dem Script nicht in einer Tabelle dargestellt?! Einfach die Tabelle entsprechend umbauen.

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

Nö, da hat es keine Tabelle, das ist der Inhalt von dem erten html-Feld

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

<p><a href="images/md100.jpg" rel="lightboxroadtrip" title="Mom & Dad 1"><img src="images/md100-thumb.jpg" title="Mom & Dad 1" height="85" width="113" /></a><p><p><p></p> 
<p><a href="images/md101.jpg" rel="lightboxroadtrip" title="Mom & Dad 2"><img src="images/md101-thumb.jpg" title="Mom & Dad 2" height="85" width="113" /></a><p><p><p></p> 
<p><a href="images/md102.jpg" rel="lightboxroadtrip" title="Mom & Dad 3"><img src="images/md102-thumb.jpg" title="Mom & Dad 3" height="85" width="113" /></a><p><p><p></p>
<p><a href="images/md103.jpg" rel="lightboxroadtrip" title="Mom & Dad 4"><img src="images/md103-thumb.jpg" title="Mom & Dad 4" height="113" width="85" /></a><p><p><p></p>
<p><a href="images/md104.jpg" rel="lightboxroadtrip" title="Mom & Dad 5"><img src="images/md104-thumb.jpg" title="Mom & Dad 5" height="85" width="113" /></a><p><p><p></p>
<p><a href="images/md105.jpg" rel="lightboxroadtrip" title="Mom & Dad 6"><img src="images/md105-thumb.jpg" title="Mom & Dad 6" height="85" width="113" /></a><p><p><p></p>

</body>
</html>

jetzt hab ich die thumbs untereinander und die Bilder die aufgehen kleben wie gesagt am oberen Rand der Seite.

PS: Sorry wegen html Kenntnissen, hoffe das ich während dieses Projektes ein wenig davon mitkriege!

 

[stb_87]

AW: Brauche Hilfe mit Lightbox2

<table width="100%">
<tr>
<td>bild</td><td>bild</td><td>bild</td><td>bild</td>
</tr>
<tr>
<td>bild</td><td>bild</td><td>bild</td><td>bild</td>
</tr>
<tr>
<td>bild</td><td>bild</td><td>bild</td><td>bild</td>
</tr>
</table>

Mal als kleines Beispiel...

Weitere Infos siehe Link in meiner Sig...

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

Hey super!

Wenn mir das noch sagen kannst wie die Bilder die aufgehen nicht am oberen Rand der Site kleben bist mein absoluter Hero!

 

[stb_87]

AW: Brauche Hilfe mit Lightbox2

das habe ich bereits gesagt...

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

mom... damit hab ich mir jetzt die thumbs in 'ne tabelle gelegt ja, aber wenn ich auf ein bild klicke dann wird's ja groß, und das große ding klebt am oberen rand... oder steh ich jetzt endgültig auf der leitung?

 

[stb_87]

AW: Brauche Hilfe mit Lightbox2

Lies mal ein paar Posts vorher.

margin-top ist das Zauberwort...

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

tja, ich hab's geschafft damit meine tabelle nach unten zu rücken, aber nicht die bilder die aufgehen...

 

[stb_87]

AW: Brauche Hilfe mit Lightbox2

Dann hast du es falsch in der CSS-Datei platziert.

 

[dark_age]

AW: Brauche Hilfe mit Lightbox2

Also da steig ich jetzt echt nicht mehr dahinter! Vielleicht sollte ich morgen weiterprobieren, schön langsam wird's viel für heute... (sitzte ja erst seit in der früh am rechner)