Lightbox

[suncruise]

Hallo PSD Gemeinde,

ich nutze Lightbox ( ). Das Problem ist, ich möchte die Lightbox verwenden aber nicht mit kleineren Vorschaubildern sondern das man ein großes Bild hat, wenn man dann auf z.B. "weiter" klickt dann kommt ein weiteres Bild... geht das irgendwie?

 

[LuckyStrike]

AW: Lightbox

ja, du kannst den Thumbnail einfach so gross machen wie das Original Bild,
dann klappt das wie du dir das vorstellst.

 

[suncruise]

AW: Lightbox

ich habe das Thumbild so groß wie ich es brauche

ABER:

1. wie geht das, dass ich in der css das genau positionieren kann wo ich es stehen haben möchte? (hab schon probiert aber irgendwie ändert sich da nix)

2. wie geht das, dass wenn man auf "...starten" klickt das auch los geht?

 

[timmeythe1st]

AW: Lightbox

das mit dem positionieren hab ich jetzt nicht so genau verstanden...
das thumbnail? einfach dem thumb einer klasse oder einer id zuweisen und dann im css per position:relative (//oder was auch immer); top: Xpx; left:Ypx; die position angeben oder was meist du?

um einen starten-knopf zu definieren kannst du um den button einfach einen link zu deinem gewünschtem ersten bild legen mit rel="lightbox"

also meinetwegen <a href="bildordner/bild.jpg" rel="lightbox">DEIN BUTTON</a>

 

[schnullerbacke]

AW: Lightbox

Ich bin mir auch nicht sicher, ob ich dich verstanden habe.
Mit dem "Weiter" klicken meinst du vlt. das hier:
Lightbox 2
Stichwort: Image Set.


Vielleicht beschreibst du dein Problem mal neu oder postest einen Link, wo man sehen kann, was du meinst.

 

[suncruise]

AW: Lightbox

Ich habe eine Seite... auf dieser Seite 1 Bild .... hinter dem Bild soll die Lightbox sein .... unter dem Bild steht "...starten" ...

a) soll man wenn man auf "...starten" klickt auch die Lightbox starten können und nicht nur wenn man auf das thumb klickt

b) bei mir ist das Bild (also das thumb) jetzt ganz links, ich habe aber eine Position wo ich das haben möchte... ich habe in der css schon mal probiert und bei

#lightbox{position: absolute; left: 0;width: 100%;z-index: 100;text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

schon einiges probiert, bekomme es aber nicht hin.


Hoffe ich konnte es besser erklären?

 

[schnullerbacke]

AW: Lightbox

zu a)
Probier das mal (Pfade und Namen natürlich anpassen):
<a href="images/bild1.jpg" rel="lightbox"><img src="images/thumbnail.jpg" /></a>
<a href="images/bild1.jpg" rel="lightbox">...starten</a>

Zu den anderen Problemen würde ich mich, zumindest ohne den relevanten html- und css-Code zu kennen, nur ungern äußern.


Hast du schon was hochgeladen, was man sich mal live anschauen könnte? Dann wäre es leichter dir zu helfen.

 

[suncruise]

AW: Lightbox

@schnullerbacke: das geht, aber ich möchte auch das wenn man z.b. auf "start" klickt das es los geht und nicht das man unbedingt aufs Bild klicken muss


Edit: brauche nur noch a)

 

[schnullerbacke]

AW: Lightbox

Du brauchst beide Links um die lightbox aufzurufen, einmal mit dem thumb und einmal mit einem Textlink.

<a href="images/bild1.jpg" rel="lightbox"><img src="images/thumbnail.jpg" /></a> -> Das ist der Aufruf mit dem thumbnail

<a href="images/bild1.jpg" rel="lightbox">...starten</a> -> Hier klickt man auf "...starten"

Beide Varianten öffnen die selbe lightbox.