Greasy Fork

Cute. And chance of using a graphic same/similar as https://bouncingdvdlogo.com/ ?

That's a lot of work, but maybe i can try

can't sadly, i tried to do it and it was possible but a problem with the CSS and the pictures are hard to replicate because how this was made was that it was made using CSS which you can easily change the color, but with the pics in https://bouncingdvdlogo.com/ they dont just change the color, it changes the link that shows when it hits a border box, and they use the same picture just 7 different colors, the pics cut off half way and it doesnt show the full picture from the image address because no matter how big i make the pics, the cut off is still there and the hitbox for the pics are uneven and not reliable to use at all, but i didnt wanna change them (the pics) because i wanted to exactly replicate your wishes of trying to replicate https://bouncingdvdlogo.com/. so there is alot of problems with exactly replicating https://bouncingdvdlogo.com/ so it shows on every webpage but you can do something similar if you use similar pics from https://bouncingdvdlogo.com/ and put: images: [
'https://bouncingdvdlogo.com/logos/dvdlogo-01.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-02.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-03.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-04.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-05.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-06.svg',
'https://bouncingdvdlogo.com/logos/dvdlogo-07.svg'
],
currentImageIndex: 0,

initialize: function() {
this.dvdLogo.style.backgroundSize = 'cover';

// Set the size of the logo
this.dvdLogo.style.width = '310px';
this.dvdLogo.style.height = '200px';

***BUT CHANGE THE IMAGE LINKS THAT ARE USED***
ALSO i change the width and height of the pics so they dont cut off/make the hitbox too big
i dont know what you want to settle for so you can do this yourself, just paste this under line 25 in this script, and try it out
ALSO ADD THIS TO THE SCRIPT SO IT CHANGES COLORS:
changeImage: function() {
this.currentImageIndex = (this.currentImageIndex + 1) % this.images.length;
this.dvdLogo.style.backgroundImage = 'url("' + this.images[this.currentImageIndex] + '")';
},
*** i am UnknownQwertyz, i also make useless scripts, i havent posted in a while but i will soon, i have been working on alot so expect something soon :)
*** hope this helped ***

it works just like you said but I can't post it because well I'm using the https://bouncingdvdlogo.com/ images, I'm searching for another image, maybe you know another link we can use

Thanx for the contributions, this is a very important script, ahhahaha!

I'm sure we'll be able to find some version of image that's fair-use or open/free. Let's keep the hunt going.

The most impressive thing about Enhanced DVD Animation with Hover is that users can now actively engage with the content through intuitive gestures.
@spacebar clicker, how do you think?

Thanks, everyone, and to UnknownQwertyz, I found a free online image hosting website; it works fine. Just a little bit of adjustments, and I can finally post the update.