CSS Background Image change with 2 buttons
Budget: $10 – $30 USD
I have 3 images to use in this project.
See sample.jpg - must be full screen and adjust to the screen size. Button position in sample.jpg as a guide.
1. Main BG when no mouseover focus is active - 1.jpg
2. Button 1: must then change the background image to to 2.jpg if your cursor goes over it
3. Button 2: must then change the background image to to 3.jpg if your cursor goes over it
Please note:
1. The image 1.jpg must always be default background if not hovering over the images
2. Button 1 and 2 will have a link to a custom URL, for now you can just #
3. The images must be preloaded to ensure it has immediate transition
4. Must be html/css and if needed js.
See sample.jpg - must be full screen and adjust to the screen size. Button position in sample.jpg as a guide.
1. Main BG when no mouseover focus is active - 1.jpg
2. Button 1: must then change the background image to to 2.jpg if your cursor goes over it
3. Button 2: must then change the background image to to 3.jpg if your cursor goes over it
Please note:
1. The image 1.jpg must always be default background if not hovering over the images
2. Button 1 and 2 will have a link to a custom URL, for now you can just #
3. The images must be preloaded to ensure it has immediate transition
4. Must be html/css and if needed js.