jQuery: fancybox ändern Breite

Zeige ich verschiedene Arten von Bildern auf eine Website. Attached zu jedem Bild möchte ich einen text hinzufügen. Ich habe dies geschrieben text im title-element im html-Dokument. Dieser text ist ein paar Sätze lang.

Was jetzt passiert, ist, dass die fancybox wird wirklich eng (da das Bild ziemlich klein ist) und der text sieht wirklich dumm. Ich habe versucht, ändern Sie die Werte für Breite und Höhe innerhalb der fancybox-code, aber es immer noch nicht zu funktionieren scheint. Ich habe versucht, es zu beheben in css zu, und ich bekam den Titel text werden breiter, aber die fancybox war immer noch zu schmal, sodass der text wurde teilweise innerhalb UND außerhalb der box.

Wie kann ich die fancybox Größe, um eine Feste Größe, so dass der Titel-text nicht so Aussehen visuell dumm?

Bisher habe ich dies getan:

jQuery:

$(".fancybox").fancybox({
    helpers : {
        title: {
            type: 'inside',
            position: 'top',
        }
    },
            openSpeed: 'slow',
            closeSpeed: 'slow',
});

CSS

.fancybox {
    width: 600px;
    height: 600px;
}

.fancybox-title {
  width: auto;
  height: auto;
}

.fancybox-title .child {
  min-width: auto; 
  height: auto;
}
meta.stackexchange.com/a/5235
Hey check meine Antwort im post " http://stackoverflow.com/questions/11306587/using-fancybox-set-height-and-width/41973473#41973473'.

InformationsquelleAutor Rnft | 2014-02-13

  1. 4

    Können Sie verwenden: 

    $(".fancybox").fancybox({
    autoDimensions: true
});

    Lesen doc: http://fancybox.net/api

    Vielen Dank, dass Sie gelöst.

    InformationsquelleAutor Ramesh

  2. 3

    Müssen Sie die autoSize auf false

    $(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});

    InformationsquelleAutor Shuhad zaman

Schreibe einen Kommentar