und zwar hab ich schon mal ne Variante gesehen wo das "große" Bild keinen Rahmen hat und der Close button OBEN links zu sehen ist.
So wie hier (Bild unten)

Kann mir einer weiterhelfen?

PS: gibts dann noch ner Version wo ich einen Link auf das "große" Bild legen kann?
DANKE

Keine Lightbox User hier?

Also eigentlich kannst du dieses Aussehen auch mit der derzeit erhältlichen Version von Lightbox machen. Du musst einfach nur wissen, wie du in die CSS Datei eingreifen musst. Außerdem musst du dir noch den "close"-Button dementsprechend umbauen.

Such dir die entsprechenden Datein halt aus der Apple-Seite raus

 kefek

so einfach ist das halt auch nit

*hehe...........THX
mal kucken ob ich das irgendwie einbaue kann!

ich habe jetzt nicht nachgesehen, aber wenn ich mich nicht täusche ist das eine modifzierte version von highslide:

Hallo wir benutzen die lightbox in unserem Webshop:



einfach mal auf "Bild vergrössern" klicken...
Ich denke das sich das Script auf deine Wünsche anpassen lässt.

thx riddel

riddel : wie kommt Ihr denn an die iPhones? Seit Ihr t-mobile Händler?

riddel

Hats schon ein Script angepasst?
Ich finde im CSS den Close button nicht *grrr

BTW, hier das CSS:

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

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

es müsste die Zeile 69 sein:

#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

Ich habs gleich, leider hat irgendwie der Server gerade seine 5min....

 riddel

klappt nicht?

Sorry, mir ging die Zeit aus...
Hast du die dateien mittlerweile runtergeladen??

Du musst hier die Werte so ändern, das es oben erscheint:

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

wenn du im oberen Bereich

position: absolute;

ein gibst erscheint es oben.
leider bin ich nicht dahintergekommen, wie es zentriert wird.

sorry riddel

riddel

die Lightbox die ihr in eurem Webshop benutzt ist diese hier


hat mit der erstgennanten (mit dem Closebutton oben links) nichts zu tun

hmm ??
wie andere? ich könnt doch den Closebutton austauschen und oben links plazieren.

Oder (?)

wo soll ich position absolut eingeben?
DANKE