The latest articles on DEV Community by Salawudeen Abiodun Abiola (@salawudeen_abiodunabiola). https://dev.to/salawudeen_abiodunabiola https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1876565%2F6d1c443c-3ee2-4c35-b97b-5026c2cd0a58.jpg https://dev.to/salawudeen_abiodunabiola en Salawudeen Abiodun Abiola Sat, 03 Aug 2024 04:34:37 +0000 https://dev.to/salawudeen_abiodunabiola/music-player-with-slider-swiper-js-ij8 https://dev.to/salawudeen_abiodunabiola/music-player-with-slider-swiper-js-ij8 <p>In this pen, every image is paired with its unique music and it has image reflection. As you navigate through the images using the backward and forward buttons, synchronized music plays with the visual transitions. The music player is completed with a slider by Swiper JS.</p> <p>Note: Please, do not use it in profit-making platforms and projects without permission.</p> <p>Inspired by <a href="https://dribbble.com/shots/5455156-Car-HMI-assistant-Album-switching" rel="noopener noreferrer">https://dribbble.com/shots/5455156-Car-HMI-assistant-Album-switching</a></p> <p><iframe height="600" src="https://codepen.io/Salawudeen-Abiodun-Abiola/embed/abgWZbx?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen javascript