Der Fancybox-Wrapper passt die Größe des Bildes nicht automatisch an

8

Ich habe ein Problem mit FancyBox. Es sollte die Größe des Wrappers in Übereinstimmung mit den Abmessungen des Bildes automatisch anpassen. Das tut es nicht. Insbesondere ist es zu klein.

Hier ist der FancyBox jQuery Code, den ich benutzt habe:

%Vor%

Hat jemals jemand anderes auf dieses Problem gestoßen?

Vielen Dank im Voraus für jede Hilfe.

    
AJB 18.10.2010, 21:56
quelle

4 Antworten

4

Oben hat bei mir nicht funktioniert (FB 3beta).

Das ist meine Lösung:

%Vor%     
Benjamin 09.11.2013, 10:48
quelle
17

Ich habe es herausgefunden ...

Es war mein CSS-Reset, der von der FancyBox CSS ausgelöst wurde. Ich habe den Box-Sizing-Stil von DIV's auf 'border-box' zurückgesetzt.

Der Fix bestand darin, in das FancyBox-CSS zu wechseln und die Größe des Wrap, des äußeren und des inneren DIVs als 'Inhalt-Box' zu deklarieren.

Wie so:

%Vor%

Hoffentlich hilft das jemand anderem, der darauf reinkommt.

    
AJB 18.10.2010 22:38
quelle
1

Ich hatte das gleiche Problem mit willkürlichen HTML-Anzeigen im Popup. Ich fand, das war alles, was nötig war, um es zu beheben (wenn man Eric Meyers reset.css benutzt), ist dies:

%Vor%

Der problematische Code in der reset.css Datei war dies

%Vor%

Haftungsausschluss: Getestet nur in IE9 und Chrome - aber es scheint zu funktionieren. Dies ist für was auch immer die neueste Version von fancybox zum Zeitpunkt des Schreibens ist.

    
Simon_Weaver 03.02.2013 01:43
quelle
1

Ich fand auch, dass das Entfernen des globalen Resets für die Box-Sizing half:

%Vor%

Der nervige Teil ist, alle Gegenstände zu finden, die auf die Rahmenbox angewiesen waren, und sie dann für genau diese Gegenstände zu aktivieren. Zum Glück für mich gab es nur 3 ... die ich bisher gefunden habe. Firebug / Developer Tools haben jedoch sehr geholfen, es herauszufinden.

    
David Steenkamp 03.09.2014 04:07
quelle