mary1 0 Share Posted February 27 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 post
0 tuanphan 9,525 Share Posted March 2 Hi. Have you solved it yet? You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
mary1 0
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%;
}
Link to post
Top Posters For This Question
1
1
Popular Days
Feb 27
1
Mar 2
1
Top Posters For This Question
mary1 1 post
tuanphan 1 post
Popular Days
Feb 27 2021
1 post
Mar 2 2021
1 post
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment