Anpassung der Überblendung (jQuery Lightbox)

Guten Tag,

bei meiner Bildergalerie verwende ich das Plugin "jQuery Lightbox" (1.4.5).

Ich bin mit der Lightbox soweit zufrieden, nur würde ich gerne die Überblendung zum nächsten Bild anpassen, denn derzeit wird nach weiß ausgeblendet und das gefällt mir persönlich nicht so...
Wie & wo kann ich die Überblendung anpassen, sodass z.B. nach schwarz ausgeblendet bzw. überblendet wird?

In den Plugin-Einstellungen hat man nur Einfluss über die Animationsdauer und die Standzeit der Bilder - zur Überblendung habe ich nichts gefunden.

Ich wäre euch dankbar, wenn ihr mir weiterhelfen könntet!

Gruß
Lukas

Danke für die schnelle Antwort, jedoch hat sich nichts an der Überblendung verändert, selbst wenn ich alle #fff durch #000 in sämtlichen .css-Dateien des Plugins ersetze...

Hat noch jemand einen Vorschlag?

Vielen Dank für den Hinweis, jetzt sind die Änderungen nun auch sichtbar.

Wie kann ich den Hintergrund komplett schwarz anzeigen lassen, sodass man also von der Homepage im Hintergrund nichts mehr sieht ..? Ich habe es bereits mit anderen Werten bei opacity probiert, aber irgendwie funktioniert es nicht ... welche Einstellungen in den .css-Dateien muss ich dazu konkret anpassen?

Danke,
Lukas

P.S.: Der Cache ist diesmal gelöscht und auch vorerst deaktiviert ;-)

Ja, inzwischen funktioniert es.

Nun probiere ich gerade noch den schmalen linken & rechten Rand an der Lightbox zu entfernen, sodass quasi nur das Bild die lightbox vollständig füllt. Ich habe mich bereits an den padding-Werten versucht und somit auch immerhin den oberen Rand wegbekommen, die seitlichen Ränder bekomme ich aber irgendwie nicht weg ...?

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10100;/*twentyeleven keeps the header at 999...*/
    text-align: center;
    line-height: 0;
}
#jqlb_spinner{
    height:32px;
    background-image:url('./images/loading.gif');
    background-repeat:no-repeat;                
    background-position:center center;         
}    
#jqlb_closelabel{
    height:22px;
    background-image:url('./images/closelabel.gif');
    background-repeat:no-repeat;                
    background-position:center center;
}    
#lightbox a img{ border: none; }
#controls{
    white-space: nowrap;
}
#playpause{
}
#outerImageContainer{
    position: relative;
    background-color: #000;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }


#imageContainer{
    padding: 0px;
    }


#jqlb_loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#prevLink, #nextLink{
    width: 45%;
    height: 100%;
    background: transparent url('./images/blank.gif') no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('./images/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('./images/next.gif') right 50% no-repeat; }


/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
#downloadLink{ /*a span, containing the anchor tag*/
    display:none;
}    
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/


.ontop #imageData {
    padding-top: 5px;
}


/*** END : added padding when navbar is on top ***/


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #000;
    margin: 0 auto;
    line-height: 1.4em;
    }


#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }
#imageData #helpDisplay {clear: left; float: left; display: block; }


#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10090;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0 !important;
        display: none;
    }
    


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }


* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }    


#lightboxIframe {
    display: none;
}

Weiß denn niemand, wie ich diese seitlichen schwarzen Rand an der Lightbox weg bekomme...?

Besten Dank, du lagst mit borderSize genau richtig, jetzt passt alles ;-)

Ich habe mir überlegt, ob ich ein neues Thema aufmachen soll, aber da es um dasselbe Lightbox-Plugin wie oben geht, schreibe ich hier weiter: Ich will die Darstellung meiner Lightbox wieder einmal modifizieren bzw. ergänzen.

Konkret würde ich gerne diese zwei Anpassungen realisieren:
1.) Die Anzeige "Bild xy von yz ..." im oberen weißen Rahmen der Lightbox soll linksbündig werden.
2.) In der selben Zeile wie 1.) würde ich gerne rechts daneben noch einen Link zum Kontaktformular ("Bildanfrage / Lizenz erwerben") und einen Link zur Shop-Seite ("Foto im Shop bestellen") anzeigen lassen.

In welcher Plugin-Datei muss ich welche Anpassungen/Ergänzungen vornehmen?

Über jeden hilfreichen Tipp bin ich sehr dankbar.

Kein Tipp / Ansatzpunkt ...? Wenn ich nur wüsste, in welcher Plugin-Datei ich suchen muss ....

Zur Veranschaulichung meines Anliegens habe ich im angefügten Screenshot [COLOR=#ff0000]rot markiert[/COLOR], an welcher Stelle ich den Link zu meinem Kontaktformular ("Bildanfrage / Lizenz erwerben") einbauen will.

Außerdem würde ich gerne die Bildnummer-Anzeige "Bild 1 von ..." linksbündig haben.

Kann mir da wirklich keiner weiterhelfen?

Zitat von L-G

Zur Veranschaulichung meines Anliegens habe ich im angefügten Screenshot [COLOR=#ff0000]rot markiert[/COLOR], an welcher Stelle ich den Link zu meinem Kontaktformular ("Bildanfrage / Lizenz erwerben") einbauen will.

Inzwischen ist es mir über Umwege gelungen, den Link zu setzen.

Jedoch habe ich weiterhin das Problem, dass ich die Zeile nicht linksbündig dargestellt bekomme.

Problem gelöst (es lag an einem <span> in der css) - jetzt passt alles ;-).