NPM install jquery.zoomz commands inclusive direct download

Download or install the jquery.zoomz NPM package. At this webpage you will find all NPM packages. These NPM packages can be added to an online managed NPM project. Out of this project it is possible, to create a single compressed CSS or JavaScript file to avoid to much HTTP request on your website.

Index

NPM command for installing the latest version of jquery.zoomz

Please rate this library. Is it a good library? Are there some bugs?

All versions of jquery.zoomz with all dependencies

No informations.

More infos about jquery.zoomz

jquery.zoomz

Build Status

jQuery plugin to magnify or zoom in on an image(s).

features

lighweight

flexible

compatabile

modular

Markup

Example

CSS

<link rel="stylesheet" href="jquery.zoomz.css" />

Javascript

<script src="src/jquery.zoomz.js"></script>
<script>
  (function($){
    $(window).load(function(){
      $('[data-zoomz]').zoomz();
    });
  })(jQuery);
</script>

Markup: Zoom over regular image

<div class="zoomz">
  <img data-zoomz="path/to/target.jpg" src="path/to/source.jpg">
</div>

Markup: Zoom outside regular image (Behaves as thumbnail)

<img data-zoomz="target-id" src="path/to/source.jpg">
...
<div class="zoomz">
  <img class="target" id="target-id" src="path/to/target.jpg">
</div>

Testing

Command line

gulp qunit

Browser

gulp serve:qunit

TODO

  1. Add additional unit tests
  2. Cross browser testing
  3. Add configuration object for target and caching
  4. Add option for zooming in

The package jquery.zoomz contains the following files

/jquery

  AUTHORS.txt
  LICENSE.txt
  README.md
  bower.json

  /jquery/dist

    core.js
    jquery.js
    jquery.min.js
    jquery.min.map
    jquery.slim.js
    jquery.slim.min.js
    jquery.slim.min.map
    /jquery/external/sizzle
      LICENSE.txt
      /jquery/external/sizzle/dist
        sizzle.js
        sizzle.min.js
        sizzle.min.map
  package.json

  /jquery/src

    .eslintrc.json
    /jquery/src/ajax
      jsonp.js
      load.js
      parseXML.js
      script.js
      /jquery/src/ajax/var
        location.js
        nonce.js
        rquery.js
      xhr.js
    ajax.js
    /jquery/src/attributes
      attr.js
      classes.js
      prop.js
      support.js
      val.js
    attributes.js
    callbacks.js
    /jquery/src/core
      DOMEval.js
      access.js
      init.js
      nodeName.js
      parseHTML.js
      ready-no-deferred.js
      ready.js
      readyException.js
      stripAndCollapse.js
      support.js
      /jquery/src/core/var
        rsingleTag.js
    core.js
    /jquery/src/css
      addGetHookIf.js
      adjustCSS.js
      curCSS.js
      hiddenVisibleSelectors.js
      showHide.js
      support.js
      /jquery/src/css/var
        cssExpand.js
        getStyles.js
        isHiddenWithinTree.js
        rmargin.js
        rnumnonpx.js
        swap.js
    css.js
    /jquery/src/data
      Data.js
      /jquery/src/data/var
        acceptData.js
        dataPriv.js
        dataUser.js
    data.js
    /jquery/src/deferred
      exceptionHook.js
    deferred.js
    deprecated.js
    dimensions.js
    /jquery/src/effects
      Tween.js
      animatedSelector.js
    effects.js
    /jquery/src/event
      ajax.js
      alias.js
      focusin.js
      support.js
      trigger.js
    event.js
    /jquery/src/exports
      amd.js
      global.js
    jquery.js
    /jquery/src/manipulation
      _evalUrl.js
      buildFragment.js
      getAll.js
      setGlobalEval.js
      support.js
      /jquery/src/manipulation/var
        rcheckableType.js
        rscriptType.js
        rtagName.js
      wrapMap.js
    manipulation.js
    offset.js
    /jquery/src/queue
      delay.js
    queue.js
    selector-native.js
    selector-sizzle.js
    selector.js
    serialize.js
    /jquery/src/traversing
      findFilter.js
      /jquery/src/traversing/var
        dir.js
        rneedsContext.js
        siblings.js
    traversing.js
    /jquery/src/var
      ObjectFunctionString.js
      arr.js
      class2type.js
      concat.js
      document.js
      documentElement.js
      fnToString.js
      getProto.js
      hasOwn.js
      indexOf.js
      pnum.js
      push.js
      rcssNum.js
      rnothtmlwhite.js
      slice.js
      support.js
      toString.js
    wrap.js

/

  .bowerrc
  .npmignore
  .travis.yml
  README.md

  assets

    assets/images
      8120689640_19200ed38c_k.jpg
      8120689640_87dc7783fd_b.jpg
      8120689640_87dc7783fd_m.jpg
      8120689640_87dc7783fd_q.jpg
      8120689640_87dc7783fd_z-2.jpg
      8120689640_87dc7783fd_z.jpg
      bg-header.png
      [email protected]
    script.js
    style.css
  bower.json
  demo.html
  development.md

  dist

    jquery.zoomz.css
    jquery.zoomz.js
    jquery.zoomz.scss
  gulpfile.js
  index.html
  package.json

  src

    jquery.zoomz.js
    jquery.zoomz.scss

  tests

    test-runner.html
    tests.js