Anzeige

jquery colorbox // Prev- und Next button umpositionieren

jquery colorbox // Prev- und Next button umpositionieren | PSD-Tutorials.de

Erstellt von susiH, 22.09.2014.

  1. susiH

    susiH Aktives Mitglied

    Dabei seit:
    04.12.2008
    Beiträge:
    267
    Geschlecht:
    weiblich
    jquery colorbox // Prev- und Next button umpositionieren
    Hi, ich benutze für eine Webseite die colorbox von jacklmoore (http://www.jacklmoore.com/colorbox/)
    Bei dieser Lightbox würde ich gerne die Naviagtionsbuttons umpositionieren. Die sind aktuell unter dem Bild. Ich möchte die allerdings am linken und rechten Bildschirmrand fixieren. Rein mit CSS funktioniert das leider nicht.
    Allerdings hab ich in der colorbox.js folgenden Abschnitt gefunden:

    Code (Text):
    1.  
    2.   function appendHTML() {
    3.      if (!$box) {
    4.        init = false;
    5.        $window = $(window);
    6.        $box = $tag(div).attr({
    7.          id: colorbox,
    8.          'class': $.support.opacity === false ? prefix + 'IE' : '', // class for optional IE8 & lower targeted CSS.
    9.          role: 'dialog',
    10.          tabindex: '-1'
    11.        }).hide();
    12.        $overlay = $tag(div, "Overlay").hide();
    13.        $loadingOverlay = $([$tag(div, "LoadingOverlay")[0],$tag(div, "LoadingGraphic")[0]]);
    14.        $wrap = $tag(div, "Wrapper");
    15.        $content = $tag(div, "Content").append(
    16.          $title = $tag(div, "Title"),
    17.          $current = $tag(div, "Current"),
    18.          $prev = $('<button type="button"/>').attr({id:prefix+'Previous'}),
    19.          $next = $('<button type="button"/>').attr({id:prefix+'Next'}),
    20.          $slideshow = $tag('button', "Slideshow"),
    21.          $loadingOverlay
    22.        );
    23.  
    24.        $close = $('<button type="button"/>').attr({id:prefix+'Close'});
    25.  
    26.  
    27.  

    Am liebsten wär es mir, wenn der prev- und nextbutton zwischen wrapper und content wären, dann könnte ich die gut mit CSS positionieren.
     
    #1      
x
×
×