PHPackages                             net-tools/view-bigimg - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. net-tools/view-bigimg

ActiveLibrary

net-tools/view-bigimg
=====================

Composer library view-bigimg

1.0.0(5y ago)07MITJavaScript

Since Jun 9Pushed 5y agoCompare

[ Source](https://github.com/net-tools/view-bigimg)[ Packagist](https://packagist.org/packages/net-tools/view-bigimg)[ RSS](/packages/net-tools-view-bigimg/feed)WikiDiscussions master Synced 5d ago

READMEChangelogDependenciesVersions (2)Used By (0)

view-bigimg
===========

[](#view-bigimg)

a pure library for zooming and panning your web images

[demo](http://newming.cn/view-bigimg/demo/)

Features
--------

[](#features)

- Support touch devices
- Smooth dragging and panning images
- Pinch in / Pinch out to zoom in/ zoom out

How to use
----------

[](#how-to-use)

#### A. with inline script

[](#a-with-inline-script)

```

  var viewer = new ViewBigimg()

  var wrap = document.getElementById('wrap')
  wrap.onclick = function (e) {
    if (e.target.nodeName === 'IMG') {
      viewer.show(e.target.src.replace('.jpg', '-big.jpg'))
    }
  }

```

#### B. with npm

[](#b-with-npm)

```
npm i view-bigimg
```

```
import 'view-bigimg/lib/view-bigimg.css'
import ViewBigimg from 'view-bigimg'

var viewer = new ViewBigimg
viewer.show(imgsrc)
```

API
---

[](#api)

- new ViewBigimg(options)
    - show(imgsrc)
    - destroy()

### new ViewBigimg(options)

[](#new-viewbigimgoptions)

Creates an instance of ViewBigimg

ParamTypeDefaultDescriptionoptionsObject{}optionsoptions.zoomValueNumber100default zoom sizeoptions.maxZoomNumber500maxium zoom sizeoptions.refreshOnResizeBooleantruewhether refresh when window resize, default is trueoptions.zoomOnMouseWheelBooleantrueenable mousewheel to zoom images

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 91.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2167d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/2cb0c1d404c8ae72b0a731246130079c2f440d6ea079815ca8c153aa361b1f28?d=identicon)[nettools.ovh](/maintainers/nettools.ovh)

---

Top Contributors

[![newming](https://avatars.githubusercontent.com/u/16014943?v=4)](https://github.com/newming "newming (11 commits)")[![net-tools](https://avatars.githubusercontent.com/u/6818724?v=4)](https://github.com/net-tools "net-tools (1 commits)")

### Embed Badge

![Health badge](/badges/net-tools-view-bigimg/health.svg)

```
[![Health](https://phpackages.com/badges/net-tools-view-bigimg/health.svg)](https://phpackages.com/packages/net-tools-view-bigimg)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)