jQuery Fitpic 0.0.5

A jQuery plugin for supporting truly responsive background images, resizing and shifting photos around so they appear without any blank spots

  Add it to your Download Basket!

 Add it to your Watch List!

0/5

Rate it!

What's new in jQuery Fitpic 0.0.5:

  • Removed the settimeout and updated plugin JSON.
Read full changelog
send us
an update
LICENSE TYPE:

MIT License

USER RATING:
5.0/5 2
DEVELOPED BY:
Yannick Albert
HOMEPAGE:
github.com
LANGUAGE:
JavaScript
CATEGORY:
C: \ Image Galleries \ Image Tools
3 jQuery Fitpic Screenshots:
jQuery Fitpic - jQuery Fitpic perfectly fits an image inside a browser's visible viewportjQuery Fitpic - Resizing the browser, the image still fits the visible area, without showing blank spotsjQuery Fitpic - Works with both resizing directions, unlike CSS3's background cover feature
jQuery Fitpic will dynamically resize and truncate background images so they perfectly fit inside the visible viewport.

While the same effect can be achieved via CSS3's background-size: cover property, that method leaves blank spots when the browser is resized to various aspect ratios that don't coincide with the photo's aspect ratio.

jQuery Fitpic fixes this problem by constantly calculating and resizing the image, so none of its dimensions are smaller than the viewport size.

This ensures that no whitespaces will appear next to the window's margins, the image always fitting right inside the current viewport.

A simple demo is included with the jQuery Fitpic package.

Last updated on July 6th, 2013

Runs on: Windows / Linux / Mac OS / BSD / Solaris

requirements limitations

#background image #background fill #background cover #background #image #fill #full-page

Add your review!

SUBMIT