@dpouris/gswap 0.0.14 → 0.1.1

package/README.md

@@ -2,11 +2,13 @@
 
 ### Create a gallery of images with ease.
 
+![img](./gswap.gif)
+
 ---
 
 To get started, in your project folder, run:
 
-```
+```bash
 npm i @dpouris/gswap
 ```
 
@@ -14,12 +16,12 @@ npm i @dpouris/gswap
 
 First, import the library and create a new gswap instance:
 
-```
+```js
 import { GSwap } from '@dpouris/gswap';
 
 ...
 
-const = document.getElementById("gallery")
+const galleryContainer = document.getElementById("gallery")
 
 const gswap = new GSwap({
   containerElem: galleryContainer,
@@ -116,7 +118,7 @@ This will create a new instance of gswap and will place the gallery absolutely i
 Displays the next image in the gallery.
 You can call the **next()** method by calling it from the gallery instance like so.
 
-```
+```js
 const gallery = new GSwap(...);
 
 ...
@@ -128,7 +130,7 @@ OR
 
 You can bind the **next()** method to an onclick event like so.
 
-```
+```js
 const gallery = new GSwap(...);
 const nextBtn = document.getElementById('nextGalleryBtn')
 
@@ -149,7 +151,7 @@ Stacks the images in the gallery in case their position was altered.
 
 Can be called from the gallery instance like so.
 
-```
+```js
 const gallery = new GSwap(...);
 
 ...

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@dpouris/gswap",
-  "version": "0.0.14",
+  "version": "0.1.1",
   "description": "A library for swapping between images in a gallery",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "files": [
     "README.md",
+    "gswap.gif",
     "dist/"
   ],
   "directories": {