mary1 Posted February 27, 2021 Share Posted February 27, 2021 Site URL: https://www.jennyandjulie.com My page slider pop-up on my site has suddenly stopped working. attached video is how it should work. Below is the code. I can't figure out why it stopped working. Any help would be greatly appreciated. Thanks!! <div class='overlayNav'> <div class='wrapper'> <div class='contentsWrapper'> <div class='text1'>JENNY FRANTZ</div> <div class='text2'>PROPERTIES</div> <div class='linkWrapper'> <div class='linkWrapperShell'><a href='' class='link1'><p></p></a></div> <div class='linkWrapperShell'><a href='' class='link2'><p></p></a></div> <div class='linkWrapperShell'><a href='' class='link3'><p></p></a></div> </div> </div> <div class='close'>X</div> </div> </div> <script> $(function(){ //assigning links var link1 = $('.Header-nav--primary .Header-nav-folder-item:eq(0)').attr('href'); var link2 = $('.Header-nav--primary .Header-nav-folder-item:eq(1)').attr('href'); var link3 = $('.Header-nav--primary .Header-nav-folder-item:eq(2)').attr('href'); var link1text = $('.Header-nav--primary .Header-nav-folder-item:eq(0)').html(); var link2text = $('.Header-nav--primary .Header-nav-folder-item:eq(1)').html(); var link3text = $('.Header-nav--primary .Header-nav-folder-item:eq(2)').html(); $('.link1').attr('href', link1).html(link1text); $('.link2').attr('href', link2).html(link2text); $('.link3').attr('href', link3).html(link3text); //open $('.Header-nav-folder-title:contains("My Listings")').addClass('customFolder').click(function(){ event.preventDefault(); $('.overlayNav').addClass('show'); $('.wrapper').addClass('down') }) //close $('.close').click(function(){ $('.overlayNav').removeClass('show'); $('.wrapper').removeClass('down') }) }) </script> CSS //first image a.link1 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5e1f8a49fb9b6a14dc632380/1579125321937/Image-Block-1+overlayed.jpg) center no-repeat; background-size: cover; width: 90%; left: 0%; } //second image a.link2 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5b55e8d0575d1f8f7c1e87db/1532356816889/Image-Block-2.jpg) center no-repeat; background-size: cover; width: 90%; left: 5%; } //third image a.link3 { background:url(https://static1.squarespace.com/static/5b1ac5ddec4eb7e0e7036276/t/5e3247b01e28eb2e4b0caaa8/1580353456804/IMAGE-OVERLAYS-3.jpg) center no-repeat; background-size: cover; width: 90%; left: 10%; } custom slider.mp4 Link to comment
tuanphan Posted March 2, 2021 Share Posted March 2, 2021 Hi. Have you solved it yet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment