Pirobox Bugfixing: Skewed Aspect Ratio when zoomed

On the latest Website i coded, i used a responsive Theme. As i was finishing work, i noticed something strange: When i zoom in a picture in the Pirobox lightbox, the images Aspect Ratio gets screwed up. I found that the solution to this case is rather simple:

Many Responsive Themes use a css that prevents images from extending their boundaries by doing something like this:


img {
max-width: 100%;
height: auto;
}

But for the zooming in Pirobox, the Image HAS to get larger than the container. So all we need to do is add the following snippet to our css file and everything zooms fine again:


.piro_html .h_c_c .div_reg img{
max-width: none;
}

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s