huiibuh / ngx-photo-swiper Goto Github PK

Make gestures more intuitive (take a look at google photos)

Features:

• Hide arrow if the gallery is at an End
• Provide own share options
• Animate:
  • Share pop-up
  • Controls
  • Image transitions
  • Open Close image
• Touch support
• Lazy load the images into the viewport
• Add the option to show your own share template
• Add square gallery
• Let users user their own gallery
• Zoom button Perhaps later
• Preload small image until the large image loads

Improvements

• Use last swipe direction to determine if the next image or the previous image should be swiped to
• Use swipe direction since last swipe turn
• getImageIndex() gets called in the method which causes more computation (best way to ensure the most up to date information)
• Use scroll snapping instead of expensive js transform (Will not be implemented, because the js api for scroll snapping is not good enough)
• Add support for srcset to support responsive images
• Create a description file in the post
• Use srcset for the gallery components as well
• Add links to the images, icons, ... so ssr works with them as well Perhaps later
• sliderImages$ gets called to often
• Don't let the image flow over the description/controls
• Give the user the option to define an aspect ration so the small images get stretched

Bugs:

• Scrolling in full screen does not work on mobile (disabled touch events css)
• If you scroll fast enough you can manage to see images load?get replaced?
• Clicking right and left very fast leads to angular error
• Create a global exit full screen
• Utilize the full width even if the image is not as wide

• Open slider
• Close slider
• Next/previous image
• Load single image in slider

Every time a user clicks in the slider to switch to another image/... the controls timeout should be reset

• Add animations to peer dependencies
• Add ssr to keywords
• Remove getImageIndex in slider-image
• Let the lib slider directive pass a reference to the html element
• Change css root selectro to body
• Change selectors in root style sheet to photo and remove lib
• Remove animation service
• Touchmove add click
• Caption
• Rename some methods in the touchMove direcitve
• Add the methods of the slider service to the store
• Fade out the controls and components faster than the image
• Fire events on open/close/change
• Add a download button

This would allow the user if server side rendering is enabled to navigate the lightbox without js.

• Icons
• Close Button
• ...