tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
477
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    fashionbiz fashionbiz ist offline Rookie
    Registriert seit
    Jan 2009
    Beiträge
    8
    Hallo Zusammen,

    An welcher Stelle muss ich die Änderung im lightbox.js vornehmen, um den NEXT und PREV Link dauerhaft neben dem CLOSE Button erscheinen zu lassen?

    Danke für eure Hilfe.
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    schau mal in die Zeilen 96 - 162:

    Zitat Zitat von lightbox.js (v2.04 - 3/9/08)

    Code javascript:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    
     
            // 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="http://www.tutorials.de/forum/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="http://www.tutorials.de/forum/images/close.gif">
            //                  </a>
            //              </div>
            //          </div>
            //      </div>
            //  </div>
     
     
            var objBody = $$('body')[0];
     
                    objBody.appendChild(Builder.node('div',{id:'overlay'}));
     
            objBody.appendChild(Builder.node('div',{id:'lightbox'}, [
                Builder.node('div',{id:'outerImageContainer'},
                    Builder.node('div',{id:'imageContainer'}, [
                        Builder.node('img',{id:'lightboxImage'}),
                        Builder.node('div',{id:'hoverNav'}, [
                            Builder.node('a',{id:'prevLink', href: '#' }),
                            Builder.node('a',{id:'nextLink', href: '#' })
                        ]),
                        Builder.node('div',{id:'loading'},
                            Builder.node('a',{id:'loadingLink', href: '#' },
                                Builder.node('img', {src: LightboxOptions.fileLoadingImage})
                            )
                        )
                    ])
                ),
                Builder.node('div', {id:'imageDataContainer'},
                    Builder.node('div',{id:'imageData'}, [
                        Builder.node('div',{id:'imageDetails'}, [
                            Builder.node('span',{id:'caption'}),
                            Builder.node('span',{id:'numberDisplay'})
                        ]),
                        Builder.node('div',{id:'bottomNav'},
                            Builder.node('a',{id:'bottomNavClose', href: '#' },
                                Builder.node('img', { src: LightboxOptions.fileBottomNavCloseImage })
                            )
                        )
                    ])
                )
            ]));

    mfg Maik
     

Ähnliche Themen

  1. Lightbox und IE7
    Von Teufelskerl1977 im Forum CSS
    Antworten: 13
    Letzter Beitrag: 21.06.08, 16:16
  2. Lightbox
    Von sight011 im Forum Javascript & Ajax
    Antworten: 10
    Letzter Beitrag: 04.04.08, 18:11
  3. Lightbox als CMS Hilfe
    Von ophasis im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 04.10.07, 11:49
  4. Lightbox & Slideshow
    Von Meikel25 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 10.09.07, 12:41
  5. Lightbox Gallerie
    Von regurge im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 06.09.07, 18:01