Git Product home page Git Product logo

zoomie's Introduction

zoomie

A JavaScript jQuery plugin, a zoom-on-hover tool for images, like a magnifying glass.

Example

Dependencies

  • jQuery

Usage

<link rel="stylesheet" type="text/css" href="/jquery.zoomie.css" />
<script src="/jquery.js"></script>
<script src="/jquery.zoomie.js"></script>

<img id="test" src="/medium-image.png" data-full-src="/full-image.png" alt="A smaller image" />

<script>
  $(function () {
    $('#test').zoomie();
  });
</script>

Generated mark-up

<div class="zoomie">
  <img src="/medium-image.png" data-full-src="/full-image.png" alt="A smaller image" />
  <div class="zoomie-window"></div>
</div>

zoomie's People

Contributors

chelmertz avatar gargron avatar

Stargazers

 avatar  avatar Anonimus Programus avatar Xiangyu avatar Mikhail Maslyuk avatar Jorge Alvarez avatar Anton Dvorson avatar Макс avatar Dorian avatar  avatar Franky Zhang avatar 江龙 avatar  avatar William D. Jones avatar  avatar Joey Olaopa avatar Whit avatar Luke Robinson avatar Ben Haldenby avatar Efim avatar Marco Pedraza avatar Genki Hagata avatar Patrick Bard avatar Lucky Django XHTMLDeveloper avatar James Aitken avatar  avatar  avatar Josh Goldsmith avatar Farbod Samsamipour avatar Dan avatar Alexander Pimenov avatar Stobenski avatar Baptiste Fontaine avatar Matt LeBel avatar Scott Blevins avatar  avatar Luke Maciak avatar  avatar Yvan avatar Kyle Knight avatar Glenn Y. Rolland avatar Sergey Stupachenko avatar Manuel Strehl avatar

Watchers

Alexander Pimenov avatar James Cloos avatar Ben Haldenby avatar Dorian avatar Lucky Django XHTMLDeveloper avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.