https://github.com/tomasci/oiiijs

Oiii! JS - small image/video viewer library
https://github.com/tomasci/oiiijs

image-viewer javascript video-viewer webpack

Last synced: about 1 month ago
JSON representation

Oiii! JS - small image/video viewer library

• Host: GitHub
• URL: https://github.com/tomasci/oiiijs
• Owner: tomasci
• License: mit
• Created: 2020-06-28T14:17:32.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-05T02:57:03.000Z (over 3 years ago)
• Last Synced: 2025-10-04T07:54:10.871Z (9 months ago)
• Topics: image-viewer, javascript, video-viewer, webpack
• Language: JavaScript
• Homepage: https://evgenyberezin.com/Photos
• Size: 10.5 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Oiii.JS

--------------

##### or just OpenImage JS

###### demo with images

![](demo_openimage.gif)

###### demo with youtube

![](demo_openvideo.gif)

## Step 0

If you won't to clone and build library, you can use jsDelivr links:\

```

https://cdn.jsdelivr.net/npm/oiiijs/build/oiii.min.js

https://cdn.jsdelivr.net/npm/oiiijs/build/styles/oiii.min.css

```

Next: go to step 2

## Step 1

Clone this repository first:\

`git clone https://github.com/tomasci/oiii.git`

Then:\

`npm install`\

`npm run build`

When build complete you will see `/build` folder:\

`/build/`\

`- oiii.min.js`\

`- oiii.min.js.map`\

`- /styles/`\

`-- oiii.css`\

`-- oiii.css.map`\

`-- oiii.min.css`

## Step 2

All you need now is to include 2 files into your html code.\

Example located in `index.html`.

So, between `` insert this line:\

``

And before `