Autor |
Nachricht |
vherbig
Threadersteller
Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht:
|
Verfasst Mo 27.10.2008 14:02
Titel lightbox bildunterschriften formatieren |
|
|
hallo,
ich benutze das erste mal lightbox und steh grad auf dem schlauch. wie kann ich die bildunterschriften formatieren? hätte gerne eine zeile fett und die darunter in normaler schrift. bin sicher es geht irgendwo im css bei imagadata container. aber wie und wo und wie sage ich dann im "title" was fett und was normal ist und wo der umruch is? bin für jede hilfe sehr dankbar!
viele grüße
vherbig
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 27.10.2008 14:20
Titel
|
|
|
schau mal ins js von lightbox. da siehst du i.d.r. auskommentiert das, was das js generiert:
Code: |
/ Code inserts html at the bottom of the page that looks similar to this:
//
// <div id="overlay"></div>
// <div id="lightbox">
// <div id="outerImageContainer">
// <div id="imageContainer">
// <img id="lightboxImage">
// <div style="" id="hoverNav">
// <a href="#" id="prevLink"></a>
// <a href="#" id="nextLink"></a>
// </div>
// <div id="loading">
// <a href="#" id="loadingLink">
// <img src="images/loading.gif">
// </a>
// </div>
// </div>
// </div>
// <div id="imageDataContainer">
// <div id="imageData">
// <div id="imageDetails">
// <span id="caption"></span>
// <span id="numberDisplay"></span>
// </div>
// <div id="bottomNav">
// <a href="#" id="bottomNavClose">
// <img src="images/close.gif">
// </a>
// </div>
// </div>
// </div>
// </div>
|
demnach suchst du evtl. im css #caption und #numberDisplay
|
|
|
|
|
Anzeige
|
|
|
vherbig
Threadersteller
Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht:
|
Verfasst Mo 27.10.2008 14:24
Titel
|
|
|
ahhhh! super! danke dir!
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 27.10.2008 14:28
Titel Re: lightbox bildunterschriften formatieren |
|
|
vherbig hat geschrieben: | aber wie und wo und wie sage ich dann im "title" was fett und was normal ist |
allerdings ist mit dem, was ich eben geschrieben habe, das ccs problem behoben, aber das hier zitierte nicht. du könntest im title des bildes natürlich mit <br /> oder so arbeiten, aber das finde ich unschön. da würde ich eher das js aufbohren.
|
|
|
|
|
vherbig
Threadersteller
Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht:
|
Verfasst Mo 27.10.2008 14:32
Titel
|
|
|
das versuche ich gerade... mal sehen, ob ich dahintersteige.... lieben dank
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 27.10.2008 14:56
Titel
|
|
|
versuch mal:
Code: |
<img blablabla title = "ZeileEins#Zeile Zwei" />
|
wobei # der selector ist, den du gleich auch umbenennen kannst.
dann ersetz in der lightbox-js:
Code: |
updateDetails: function() {
// if caption is not null
if(imageArray[activeImage][1]){
Element.show('caption');
Element.setInnerHTML( 'caption', imageArray[activeImage][1]);
}
blablabla
|
mit
Code: |
updateDetails: function() {
// if caption is not null
if(imageArray[activeImage][1]){
Element.show('caption');
//der versuch
var tmpCaption = imageArray[activeImage][1].split(mySelector);
var newInnerHTML = '';
for (var l=0; l<=tmpCaption.length; l++) {
if (newInnerHTML!='') {
newInnerHTML+='<br />';
}
newInnerHTML+='<span class="newCaption'+l+'">'+tmpCaption[l]+'</span>';
}
Element.setInnerHTML( 'caption', newInnerHTML);
}
|
an den anfang des js setzt du dann noch in die // Configuration deinen Selector
Code: |
var mySelector = '#';
|
jetzt kannst du im css die klassen der einzelnen zeilen (nach oben skalierbar) definieren
Code: |
.newCaption1 {
font-weight: bold;
}
.newCaption2 {
font-weight: lighter;
}
blablabla
|
hab das nun nicht probiert, sondern ins blaue geschrieben. sag mal, ob das klappt - oder ob du es überhaupt so machen willst...
|
|
|
|
|
vherbig
Threadersteller
Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht:
|
Verfasst Mo 27.10.2008 15:01
Titel
|
|
|
da ich anders nicht weiterkomme werde ich das gerne mal probieren und dann schreiben, obs klappt! vielen dank schonmal, echt klasse, wie man hier schnelle hilfsbereite leute trifft
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 27.10.2008 15:07
Titel
|
|
|
vherbig hat geschrieben: | echt klasse, wie man hier schnelle hilfsbereite leute trifft |
heute is mein guter tag... morgen kommt die dicke rechnung
|
|
|
|
|
|
|
|
Ähnliche Themen |
Bildunterschriften via CSS
Semantisch korrekt Bildunterschriften?
Bildunterschriften Indesign CS6 epub-Export
css li formatieren
Lightbox 2
Lightbox
|
|