mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:40 Benutzername: Passwort: Auto-Login

Thema: lightbox bildunterschriften formatieren vom 27.10.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Multimedia -> lightbox bildunterschriften formatieren
Seite: 1, 2  Weiter
Autor Nachricht
vherbig
Threadersteller

Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht: Weiblich
Verfasst Mo 27.10.2008 14:02
Titel

lightbox bildunterschriften formatieren

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 27.10.2008 14:20
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
vherbig
Threadersteller

Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht: Weiblich
Verfasst Mo 27.10.2008 14:24
Titel

Antworten mit Zitat Zum Seitenanfang

ahhhh! super! danke dir!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 27.10.2008 14:28
Titel

Re: lightbox bildunterschriften formatieren

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
vherbig
Threadersteller

Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht: Weiblich
Verfasst Mo 27.10.2008 14:32
Titel

Antworten mit Zitat Zum Seitenanfang

das versuche ich gerade... mal sehen, ob ich dahintersteige.... lieben dank
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 27.10.2008 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
vherbig
Threadersteller

Dabei seit: 13.07.2005
Ort: Studentin Grafik-Design
Alter: -
Geschlecht: Weiblich
Verfasst Mo 27.10.2008 15:01
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 27.10.2008 15:07
Titel

Antworten mit Zitat Zum Seitenanfang

vherbig hat geschrieben:
echt klasse, wie man hier schnelle hilfsbereite leute trifft Lächel


heute is mein guter tag... morgen kommt die dicke rechnung Au weia! *ha ha*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bildunterschriften via CSS
Semantisch korrekt Bildunterschriften?
Bildunterschriften Indesign CS6 epub-Export
css li formatieren
Lightbox 2
Lightbox
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Multimedia


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.