Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript AnythingSlider Navigation transitions also

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #31695
    klkelly25
    Member

    I have used your slider before & never had a bit of problems implementing. It is pretty straight forward & simple to use. I have, however, ran into something I cant seem to figure out. When the slide transitions, the nav goes with it then reappears with the next slide. Here is my code. Any help would be appreciated.

    Thanks,
    Kris













    • Design & Build


      Design & Build



      Proper Data Center design planning is the most crucial
      step to ensuring the build of an energy-efficient and
      reliable Data Center now and into the future.








    • 24/7/365 Service


      24/7/365 Service



      Professional staff is available 24x7 and will return your call within 10 minutes and arrive at your location within two hours, guaranteed.








    • Employee Self Service - Client using A Plus Payroll Software


      Our CEO



      Lorem ipsum dolor sit amet, consectetur elit.
      Donec varius tristique justo quis venenatis.
      Duis porttitor porttitor massa, ac ultricies.







    #59148

    Hi,
    Check this navigation transition, Nivo Slider – an awesome jquery slider

    1.Download Nivoslider plugin from this site .
    2.Upload file nivo-slider.css and jquery.nivo.slider.js to a host
    3.Create a HTML/Javascript widget in your blog
    4.Copy and Paste this code

     
    #58975
    klkelly25
    Member

    Anyone else that have something to contribute about my original question. Also, I have changed over to the thumbnails. Everything else has stayed the same.

    It is really annoying that the nav disappears everytime the slider transitions.

    #57155

    Hi,

    I give a simple and easy jquery for navigation transition.Please check it

    $(document).ready(function() {
    var currentPosition = 0;
    var moveWidth = 120;

    $(‘ul’).delegate(“li”, “mouseover”, function() {
    currentPosition = ($(this).index());
    $(‘#arrow’).animate({‘left’ : moveWidth*(currentPosition)}, 200);
    });
    });

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.