I received an excellent suggestion from Bree at Coffee Bean Bookshelf for a tutorial: how to make a marquee scrolling sidebar widget for images (also works for text). It’s a lot easier than you think!
Here is the general code, which you can paste into any widget:
<marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">Text or images go here!</marquee>
And here’s an example of how it looks:
Notice how it pauses if you put your mouse over it! That makes it easier for people to view the images and click on them if they want.
You can also change the direction of the scroll by adding a bit more text to the tag:
<marquee behavior="scroll" direction="down" onmouseover="this.stop();" onmouseout="this.start();"> <a href="https://www.nosegraze.com"><img src="https://www.nosegraze.com/wp-content/uploads/2012/10/booknook.jpg" alt="BookNook" /></a> <a href="https://www.nosegraze.com/ultimate-book-blogger-plugin-for-wordpress/"><img src="https://www.nosegraze.com/wp-content/uploads/2020/02/ultimate-book-blogger-plugin-button.jpg" alt="Ultimate Book Blogger Plugin" /></a> </marquee>
(This time I also included the code for the images in case you don’t know how to do that.)
The key difference here is that I added
direction="down". You can add any of the main directions you like (up, down, left, right).
And that would look like this: