Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Netzwerke>Lightbox Script – suche ein bestimmtes...

Lightbox Script – suche ein bestimmtes...

Bernd
Bernd18.09.0712:37
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
0

Kommentare

Bernd
Bernd18.09.0715:57
Keine Lightbox User hier?
0
dabua18.09.0716:03
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.
0
kefek
kefek18.09.0716:37
Such dir die entsprechenden Datein halt aus der Apple-Seite raus
„Die Ewigkeit dauert lange, besonders gegen Ende ...“
0
Bernd
Bernd18.09.0716:58
 kefek

so einfach ist das halt auch nit
0
kefek
kefek18.09.0716:59
„Die Ewigkeit dauert lange, besonders gegen Ende ...“
0
Bernd
Bernd18.09.0717:12
*hehe...........THX
mal kucken ob ich das irgendwie einbaue kann!
0
Timm
Timm19.09.0716:17
ich habe jetzt nicht nachgesehen, aber wenn ich mich nicht täusche ist das eine modifzierte version von highslide:
0
riddel
riddel19.09.0718:00
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
„gravieren lässt sich alles - die Frage bleibt, wie es danach aussieht....
0
minerva
minerva19.09.0718:11
riddel : wie kommt Ihr denn an die iPhones? Seit Ihr t-mobile Händler?
0
Bernd
Bernd19.09.0718:23
riddel

Hats schon ein Script angepasst?
Ich finde im CSS den Close button nicht *grrr
0
Bernd
Bernd19.09.0718:24
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;
}
0
riddel
riddel19.09.0718:42
es müsste die Zeile 69 sein:

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

„gravieren lässt sich alles - die Frage bleibt, wie es danach aussieht....
0
riddel
riddel19.09.0718:57
Ich habs gleich, leider hat irgendwie der Server gerade seine 5min....

„gravieren lässt sich alles - die Frage bleibt, wie es danach aussieht....
0
Bernd
Bernd20.09.0716:50
 riddel

klappt nicht?
0
riddel
riddel20.09.0721:47
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
„gravieren lässt sich alles - die Frage bleibt, wie es danach aussieht....
0
kefek
kefek20.09.0721:49
riddel

die Lightbox die ihr in eurem Webshop benutzt ist diese hier


hat mit der erstgennanten (mit dem Closebutton oben links) nichts zu tun
„Die Ewigkeit dauert lange, besonders gegen Ende ...“
0
riddel
riddel20.09.0722:01
hmm ??
wie andere? ich könnt doch den Closebutton austauschen und oben links plazieren.

Oder (?)


„gravieren lässt sich alles - die Frage bleibt, wie es danach aussieht....
0
Bernd
Bernd21.09.0711:36
wo soll ich position absolut eingeben?
DANKE
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.