Lightbox einfügen

Hallo,

Ich möchte eine Lightbox erstellen für ein "einzelnes" Bild, das auf einer Hauptseite erscheint. Hier habe ich folgendes Problem:
Das Bild wird zwar vergrößert, allerdings leider ohne die "Lightbox".

Hier der Link: http://tiger-1980-ostrach.de.tl/Das-Stadion.htm
(Das "Stadion"-Bild soll vergrößert dargestellt werden, in einer Lightbox.)

Wahrscheinlich ist's nur eine Kleinigkeit, die ich übersehen habe.

Gruß, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Hallo,

welche Lightbox wolltest du verwenden? Ich finde kein passendes Javascript. Im Bild dürfte auch ein Fehler sein, mehr dazu aber, wenn du mehr Informationen postest.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Hallo,
danke für die rasche Antwort.

Ich habe das Script auf dieser Seite hier gefunden: http://blog.ekiwi.de/?p=57

Das Original-Script, mit Anzeige eines Bildtitels lautete:
<a href="pic.jpg" rel="lytebox" title="Stausee des Halblech"><img height="75" src="pic_tn.jpg" style="font-family: Arial, Helvetica, Sans-Serif" width="100" border="0" /></a>

Edit: So sollte das dann aussehen, wenns fertig ist (Beispiele & Muster): http://blog.ekiwi.de/wp-custom/lytebox/Default.html /edit

Habe dieses umgewandelt (wegen meinem Bild) zu:
<a title="Das Stadion der Tiger Ostrach: &lt;strong&gt;Der Tigerk&auml;fig&lt;/strong&gt;" rel="lytebox" href="http://img.webme.com/pic/t/tiger-1980-ostrach/tigerstadion.jpg"><img border="0" alt="" width="450" height="300" style="font-family: Arial, Helvetica, Sans-Serif" src="http://img.webme.com/pic/t/tiger-1980-ostrach/tigerstadion.jpg" />&nbsp;</a><

Das Script
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
habe ich bei "Text über dem Design" eingegeben, wie es in dem Blog gestanden hat.

Das Bild wird zwar, wenn man es anklickt, vergrößert, aber erscheint nicht im Vordergrund, und die Webseite im Hintergrund dunkelt nicht nicht ab (ist nichtmal sichtbar). Es erscheint als Bild-Anzeige in eigenem Browserfenster.

Habe ich einen der Codes vielleicht an falscher Stelle eingefügt??
Danke im Voraus,
Gruß Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Vorhin waren die Dateien nicht da oder ich war blind.
Du musst die Javascript und die CSS Datei erst runterladen und dann auf deinem Webspace hochladen.

Hier eine Liste mit Hostern:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=10058

Bei onimg konntest du vor einiger Zeit noch js Dateien hochladen, dann gab es irgendwelche Problem. Musst mal schauen ob die inzwischen behoben sind.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

schau doch mal hier:

http://iceblue-test.de.tl/Hover-Effekte.htm und dort bei "Hover: Drück-Effekt für Bilder"

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Danke @Gringo, für die Antwort.

In der Tat nicht schlecht, das mit den Hover-/Drückeffekten. Jedoch: Mir reicht allerdings "nur" der "normale" Lightbox-Effekt, ohne Drück-/Hover-Effekt. Lässt sich das auch irgendwie machen?

Der Hintergrund sollte die Webseite bleiben, es sollte "abdunkeln" und mit "close" wieder zur ursprünglichen Seite zurückführen.

Ein Mouseover-Effekt ist nicht gewünscht.

Vielen Dank im Voraus,
Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

http://www.homepage-baukasten.de/forum/viewtopic.php?t=134883

Weitere findest du mit der Sufu, ich weiss du kannst es nicht mehr hören, ist aber so!

Oder du machst es mit der du es ursprünglich machen wolltest und ladest dir die Dateien einfach runter und suchst dir einen Hoster.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Ich stelle mich glaub echt ziemlich dämlich an, bei der Erstellung so einer Lightbox. Mein Problem ist, daß ich keine "Galerie" von mehreren Bildern haben möchte. Dieses finde ich auf zahlreichen Foren-Posts wenn ich die SuFu nütze.

Ich habe nur ein einziges Bild, daß ich "groß" machen möchte, in einer Lightbox. Und keine Bilder-Galerie...

Das ist es, was mein Problem von den anderen Fragestellern abhebt.

Ich gebe es langsam auf mit der Lightbox... Aber ich kenne einfach keine andere (vor allem keine bessere bzw. optisch absprechendere) Möglichkeit der Darstellung so eines extra Bildes...

Falls es andere (=bessere) Möglichkeiten gibt, bin ich na klar dafür offen.

Falls jemand noch Tipps hat, für ein EINZELNES (!) Bild in einer Lightbox darzustellen, nur her damit... Ich bin experimentierfreudig und brenne darauf es auszuprobieren.

Aber immer bitte bedenken, ich bin ein "Anwender" der eine "mundgerechte Lösung" braucht, die einfach umsetzbar ist.

Am besten einen Quelltext, den ich irgendwo einfügen kann (ihr wisst vielleicht sogar wo es am Besten ist) am besten noch rot markieren oder so, damit ich das Richtige (und nicht das Falsche) ersetzen kann...

Ich weiß, vielleicht bin ich ja lästig aber es gibt Probleme die ich nicht alleine lösen kann, und auch weder SuFu noch google weiß (beides nütze ich, nur um evtl. diesbezügliche Hinweise vorab schonmal auszuklammern).

Vielleicht kann mir jemand auch einen Link geben auf einer HP, wo dies schon umgesetzt ist. Mithilfe von Quelltext-Anzeige kann ich daqnn etwas rumexperimentieren.

Auch wenn ich oft stundenlang im Trüben fische, villeicht finde ich ja den entsprechenden script-Teil und kann diesen für meine Bedürfnisse dann abändern, und gangbar machen.

Es wäre voll lieb und sehr nett wenn ihr mir hierbei helfen könntet.

MFG Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Du kannst die ja auch für ein einzelnes Bild verwenden.

Das die Lightboxen, die du eingefügt hast, nicht funktionieren ist klar. Du hast die Dateien immernoch nicht hochgeladen. Ausserdem hast du sie zwischen <style type="text/css"> und </style> eingefügt. Entweder davor oder danach, dazwischen ist ganz schlecht.

Du kannst auch die thickbox aus dem Extra Galerie kopieren. Die ist, denke ich das was du suchst.
Einen Thread weiter unten hat kohompa eine alte von mir ausgekramt. Mittlerweile habe ich aber eine neuere Version geschrieben, falls du die möchtest sage bescheid.

Wie du siehst sehr viele Möglichkeiten.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Ob lightbox, oder thickbox - Hauptsache es funktioniert...
edit: Hauptsache es ist leicht umzusetzen und es funktioniert...

Habe nun Schritt 1 von Gringo's Seite http://iceblue-test.de.tl/externe-Galerie.htm gemacht: Das Script
"<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript" src="http://img.webme.com/designs/globals/thickbox.js"></script>
<link rel="stylesheet" href="http://img.webme.com/designs/globals/thickbox.css" type="text/css" media="screen">
"
habe ich auf der Seite eingefügt wo es hin soll (http://tiger-1980-ostrach.de.tl/Das-Stadion.htm) - ganz oben.

Habe nun Bildbezeichnung und die Bild-URL hier eingefügt
<a href="http://img.webme.com/pic/t/tiger-1980-ostrach/tigerstadion.jpg" class="thickbox" title="Der Tigerkäfig"><img class="bild" src="http://img.webme.com/pic/t/tiger-1980-ostrach/tigerstadion.jpg" alt="Bild"></a>
rel=Galerie habe ich weggelassen, da ich ja keine Galerie, nur ein einzelnes Bild habe.
Texte für weitere Bilder habe ich auch entfernt, da es ja nur ein Bild ist, und nicht mehrere.

Nachdem ich dieses eingabaut hatte, hat das dazu geführt, das es das Bild doppelt angezeigt hat: Einmal in der gewünschten kleinen Größe (Breite 468 px) und ein zweites Mal, genau darunter, in der "vollen" Breite - ohne thickbox Funktion.

Wahrscheinlich hab ich wieder was vergessen, oder etwas nicht beachtet...

MFG, Tiger

Was ist eigentlich der Unterschied zwischen lightbox und thickbox? (Falls es da einen gibt...)
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Wenn du es wieder abänderst, kann man nicht schauen, woran es liegt.

Du hast zwischen den Styletags immernoch etwas stehen, was da nicht hingehört.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Hallo o-4-n,

nun hab ich -nach tagelangem Basteln- auf meiner Unterseite "Stadion" (http://tiger-1980-ostrach.de.tl/Das-Stadion.htm) eine Lightbox sorry Thickbox funktionierend einfügen können. Jedoch nicht, wenn man auf das Bild klickt...

Sondern wenn man auf den Text klickt...

Habe darum den Text daher vorübergehend umbenannt in "zum Vergrößern hier klicken". Eigentlich sollte (so dachte ich) der Text in der Lightbox unterhalb des Bildes angezeigt werden (so als eine Art Bildunterschrift). Dies passiert aber ebenfalls nicht.

Wie kann ich diese 2 Probleme in den Griff bekommen:
1.) Thickbox-Funktion durch Klick aufs Bild; und
2.) Text in der Thickbox als Bildunterschrift

Ich glaube das ich kurz vor der Lösung bin, komme aber nicht drauf, woran es fehlen könnte.

MFG, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Du hast die Thickbox wie folgt verlink:

Statt dem roten Text fügst du einfach das Bild ein, welches du darunter eingefügt hast:

Dafür sollte man jetzt wissen, welche Thickbox du verwendet hast. keiner von uns kennt die Implementierung.
Wenn ich die Thickbox implementiert hätte und so habe ich es bei meiner auch gemacht, würde ich das title Attribut nutzen im Link nutzen:

Da das nicht meine ist, ist das nur geraten.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering