Antwort #42 am: 07. Mai 2013, 16:59:40
Na ein bisschen müßt Ihr aber auch tun
.
Ich habe weiter oben (Tomcraft hat das in den ersten Post eingebaut) ein Besipiel gegeben für das Erscheinen der next/prev -Pfeile rechts und links mittig auf dem Bild.
Da diese Pfeile (oder was immer du für '
skim_next' und '
skim_prev' festlegst in den Optionen)
nun noch in span-tags eingefasst sind, kannst du den span-tags
background-color,
border,
border-radius (50% wenn es rund sein soll) und
box-shadow geben. Außerdem ein
float:left; oder
float:right; je nachdem ob linker oder rechter Pfeil.
Mit
line-height und
text-align:center; zentrierst du den Pfeil in dem span-Container.
Wenn du
#TB_prev und
#TB_next außerdem noch mit
display:none; versiehst und bei hover auf
#TB_window ein
display:block;, erscheinen die next/prev -Pfeile eben nur wenn die Maus auf dem Bild-Container ist.
Ich sage es nocheinmal. Alles an Design ist bei meiner Thickbox möglich mit CSS und alle Elemente (caption, next, prev, second_line, close) sind mit
position:absolute; und entsprechenden Werten für top, bottom, left, right beliebig positionierbar.
Firebug hilft sicherlich sehr das hinzubekommen.
Was
display:table-cell; usw. betrifft, aber auch alles andere, unbedingt in anderen Browsern, insbesondere IE/, IE8, IE9 testen.
Man kann natürlich auf letztgenanntes verzichten und nur die Pfeile selbst anklickbar machen, ohne daß die ganze rechte oder linke Fläche anklickbar ist. Dann gibt es überhaupt keine Browser-Probleme.
Gruß,
noRiddle