npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

heartslider

v3.4.11

Published

An Elegant Slideshow

Downloads

35

Readme

Heartslider

A Minimalist JavaScript Slideshow

Version 3.4.11

'''''''''''''''''

Features:

  • No dependancies
  • Custom user settings
  • Small and lightweight
  • Progressive loading for multiple sourceset images and video
  • Optional swipe and click to advance

Change Log:

  • 3.4.11 - Added module file for NPM imports (mjs).
  • 3.4.10 - Added CSS to package.json.
  • 3.4.9 - Fixed package.json command.
  • 3.4.8 - Fixed minified file issue.
  • 3.4.7 - Added Destroy and GoTo functions. Restored FadeInOut option for transition effect.
  • 3.4.6 - Fixed loadHandler error
  • 3.4.5 - Fixed gap with dash, smoother visibilityHandler animations
  • 3.4.4 - Made dots look less awful. Added 'firstImageLoad' callback.
  • 3.4.3 - Added 'dots' for indicators and babel to workflow
  • 3.4.2 - Reverted 'first-image-loaded' class
  • 3.4.1 - Fixed issue with initing multiple slideshows
  • 3.4.0 - Added progress indicators and support for video
  • 3.3.1 - Fixed issue with custom Events
  • 3.3.0 - Added transitionStart and transitionEnd events
  • 3.2.7 - Many QOL improvements; buttons will auto-pause slideshow while click/swipe will not
  • 3.2.6 - Fixed prev/next button selector
  • 3.2.5 - Loop false works again
  • 3.2.5 - Loop false works again
  • 3.2.4 - Fixed issue with tab-index on first slide
  • 3.2.3 - Added support for buttons!
  • 3.2.2 - Fixed issue with progressiveLoad.
  • 3.2.1 - Fixing timing errors with pause/resume/click/swipe
  • 3.2.0 - Added click and swipe to advance
  • 3.1.5 - Cleaning up repo and getting ready for 4.0
  • 3.1.4 - Support for multiple images within slides
  • 3.1.3 - First slide no longer takes years to fade in on start
  • 3.1.2 - Comment improvements, removed will-change from CSS
  • 3.1.1 - Fixed setting paused issues, added option to enable pauseOnInactiveWindow
  • 2.1.3 - Added option to enable or disable the visibility change function
  • 2.1.2 - Slideshow now pauses when user changes tabs/windows. PREV function still not working. Converted spaces to tabs.
  • 2.1.1 - Fixed flashing z-index problem with custom transition
  • 2.1.0 - Cleaned up code and added ability to choose between fadeOut (default) and fadeInOut!
  • 2.0.6 - Fixed private variable scope error
  • 2.0.5 - Added conditionals for slides without images
  • 2.0.4 - Fixed jumping issue when looping past last slide
  • 2.0.3 - Updated CSS and JS for compatibility with IE (ugh)
  • 2.0.2 - Removed .children selector so jQuery doesn't get confused

To Do:

  • [ ] If video is not long enough, slow it down at the end to prevent abrupt stop
  • [ ] Add fadeRight or fadeLeft effect
  • [ ] Delay start
  • [ ] Add ability to navigate with arrow keys
  • [ ] Make randomize a string with 'start' and 'all' options
  • [ ] Add counter (with custom separator, place inside heart-slideshow?)
  • [ ] Add support for the and elements with multiple sources
  • [ ] Live swipe transition progress
  • [ ] Use JS bind() function instead of using "_this" variable
  • [x] Potentially add inner-container to house buttons and counter
  • [x] Expose a goTo function, add index and skip animation option
  • [x] Restore transition animation options (crossfade vs fadeout)
  • [x] Destroy function (including all event listeners, timers, classnames and attributes)
  • [x] Fix onTransitionEnd function timing
  • [x] Fix stutter issue when changing tabs
  • [x] Add type: "dot" option to indicators
  • [x] Add firstImageLoaded callback
  • [x] Add progress indicator options (dots or dashes, with fill)
  • [x] Support for
  • [x] Remove delay when setting slideshows to paused
  • [x] Better way to manage multiple slideshows
  • [x] Add callback functions
  • [x] Make sure slideshow initializes when not using data-src or data-srcset
  • [x] Fix - clicking too soon after start skips slide transition for the first two slides
  • [x] Add first image loaded callback
  • [x] Add native support for prev/next buttons
  • [x] Fix pause not working
  • [x] Fix jump to second slide on click when slideshow is paused
  • [x] Swipe to advance
  • [x] Manually advancing a slide should transition quicker (or a custom time)
  • [x] Wait until first image load to start timer

'''''''''''''''

Last Updated: Jan, 19 2024