Skip to content

Commit

Permalink
v.1.4.0
Browse files Browse the repository at this point in the history
* mouse/wheel/touch gestures (scale image, move scaled image)
* along with rest supported actions
* fix minor issues and typos
  • Loading branch information
foo123 committed Apr 30, 2023
1 parent 17108ac commit f4d8a9c
Show file tree
Hide file tree
Showing 6 changed files with 288 additions and 112 deletions.
13 changes: 10 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,18 @@
# touchTouch

Enhanced Vanilla JavaScript version of [touchTouch Optimized Mobile Gallery](https://github.com/tutorialzine/touchTouch) by Martin Angelov

Vanilla JavaScript version of [touchTouch Optimized Mobile Gallery](https://github.com/tutorialzine/touchTouch) by Martin Angelov
**version: 1.4.0** (7.9 kB minified)

**version: 1.3.0**
**MIT License**

MIT License
**Supported Actions:**

* Keyboard Navigation: ESC (close), LEFT (prev image), RIGHT (next image)
* Mouse Navigation: CLICK BACKGROUND (close), CLICK LEFT ARROW (prev image), CLICK RIGHT ARROW (next image), SWIPE RIGHT (prev image), SWIPE LEFT (next image)
* Touch Navigation: TAP BACKGROUND (close), SWIPE RIGHT (prev image), SWIPE LEFT (next image)
* Mouse Gestures: WHEEL + CTRL (scale up/down image), CTRL + MOVE (move scaled image)
* Touch Gestures: TWO-FINGER PINCH (scale up/down image), TWO-FINGER MOVE (move scaled image)


**see also:**
Expand Down
3 changes: 3 additions & 0 deletions src/touchTouch.css
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,9 @@
background-repeat: no-repeat;
background-position: center center;
}
.gallery-slider .placeholder.loaded {
background-image: none;
}
/* The before element moves the
* image halfway from the top */
.gallery-slider .placeholder:before {
Expand Down
Loading

0 comments on commit f4d8a9c

Please sign in to comment.