Hi, is it possible to retake this thread with this project? I am very interested to know how I can make this menu for my website!
Thank you very much!
S
soyfranasensio
@soyfranasensio
Posts
-
Images appear on link hover -
List of links, showing background image, when doing rollover, js+cssThanks DMB, but I have not managed well to put the code that indicates the tutorial of Lay Theme. :(
-
List of links, showing background image, when doing rollover, js+cssHi. 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>