Hi. I am trying to create a list of links to my works, in which when doing rollover on each one of my links, an image appears in the background of the centered page. I give you an example of what I want.
I have tried to recreate it with css, with css and js, but I can not. Could you help me?
I am very grateful!
I have included this code in my custom css & html:
<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
if(type == "page" && obj.id == starwarscards){
$(document).ready(function() {
$('body').css({
'background-repeat': 'no-repeat', 'background-position' : '50% 50%', 'background-size' : '60%', 'background-attachment' : 'fixed'
});
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
var $body = $('body');
$('.starwarscards').hover(function(){
$body.css('background-image', 'url(http://soyfrancis.co/img/6.jpg)')
}, function() {
$body.css('background-image', '')
})
}
});
</script>