Skip to content

tugbucket/shuffle-elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

shuffle-elements

Shuffles elements on the page either on load, on click or at set intervals.

Sample shortcode

[shuffleelements parent=".ngg-caption-view-wrapper" children=".ngg-gallery-thumbnail-box" delay="1000" fade_speed="200" button_text="clicky!" on_load="yes" aria_label="Shuffle images"]

Shortcode options

  • parent: Uses jQuery CSS selectors. This is the element wrapping the items you want to shuffle.
  • children: Uses jQuery CSS selectors. These are the items you want to shuffle.
  • delay: This is the amount of time to wait before shuffling. Setting this, makes the shuffle auto-play. In milliseconds.
  • fade_speed: This is the amoung of time it takes for the images to fade in and fade out. In millisecounds. Default is 500.
  • button_text: This is the text of the button. If this is not set, the button will not appear.
  • aria_label: This is the aria label for the button. This is optional.
  • on_load: If set to yes, it will shuffle on page load. Default is yes.

Notes

  • Time in milliseconds for example, 1 second is 1000 and 1 minute is 60000
  • The button has a class se_2s8w_button so you can style it how you see fit.

About

Shuffles elements on the page either on load, on click or at set intervals.

Topics

Resources

License

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors