Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Slider on my website that stopped working


mary1

Question

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
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

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


×
×
  • Create New...