FrameIt – Responsive jQuery Plugin (Images and Media)

FrameIt – A Responsive jQuery plugin for frame images

Objectives:

  1. Create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin is “responsive”, which means it’s 100% compatible with responsive web designs.
  2. Create a plugin that allows give a touch of life to images, ready for use on presentations, personal web portfolios or simply, a scroll of images. FrameIt does all the work, you choose where to use.

Features included:

  • Responsive and mobile Ready
  • Support for all majors browser
  • Fully customizable frames shapes with css classes
  • Fully configurable animation of the frames
  • +20 presets for all images orientations
  • CSS3 Real Shadow Effects
  • CSS3 responsive background images (even on unsupported browser)
  • jQuery effects included
  • Fully documented and explained
  • Powered by jQuery & JavaScript

Framing your images with FrameIt is just easy

  1. Create a DIV container
  2. Add inside of it an IMG tag with your desired image
  3. Invoke FrameIt alone, with some preset or use your personal configuration

Final notes:

  • Images shown in the preview are not included in the download and are for demonstration purposes only.
  • Special images are shown in the preview on mobile devices.

Comming soon:

  • Separate images for each frame
  • Auto showroom with an images set
  • Code generator UI
  • Animated text and an integrated slider (?)

Credits:

cubagallery from flicker

creatica.com

Download FrameIt – Responsive jQuery Plugin (Images and Media)

Leave a Reply

Your email address will not be published. Required fields are marked *