Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Harest/Slideshow

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slideshow

This is a slideshow in HTML / JS which shows random images / videos of an existing files list.
Online version available here.

Current version features :

  • Random slideshow of HTML5 videos webm / mp4 / ogg and any images, including gif ;
  • Keyboards controls (prev, next, pause, increasing/decreasing timer) ;

Improvements ideas :

  • UI for custom variables, and maybe more user-ajustable stuff (max-height, min-width, bottom or top, etc.) ;

Why ?

I didn't find any soft able to display pictures including gif properly in a slideshow. XnView for instance isn't able to loop gif and will skip to the next file at the end of the animation.

How it works ?

Like i said, it's in html/js. Details and editable variables can be found in the js/main.js file. I'll copy details here too :

HOW IT WORKS
You need a .txt with one filepath you want to see / line. It can be any image format including gif, and any video format supported by html5. In Windows for instance, you can use something like this on a directory : dir "D:\Documents\Images" /A-D /S /b /-p /o:gen >List_Files.txt

NB : If you're using the script locally via file://, you may need to follow these advices.

CONTROLS
Left arrow : Previous file
Right arrow : Next file (random if not already existing)
Up/Down arrow : Increase/Decrease the timer
Spacebar : Pause (be careful to unfocus the "Browse" button first) Echap : Display/Hide the config window

Note the code is probably not great. I didn't code for a while.

About

[HTML / JS] Images & Videos Slideshow

Topics

Resources

License

Stars

0 stars

Watchers

1 watching

Forks

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.