Horizontal/vertical sliding navigation

  • hrrubin

    (@hrrubin)


    12 years ago

    I’m planning on making an e-commerce site with navigation similar to this site: http://www.m.dk.

    (It’s both horizontal and vertical pages).

    But I have no idea how to start creating the navigation or which scripts to look for that comes close.

    Can you point me in the right direction? Preferable with .js snippets 🙂

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • arvindhsundar

    (@arvindhsundar)

    12 years ago

    My hypothesis is that they are using a single page with a slider in it – giving you horizontal navigation.

    Each slide of the slider will have its own content. The content height can vary – giving you vertical navigation.

    Hope this helps.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years ago

    It looks like they’re using Angular and in Angular you don’t actually handle new page requests, making this sort of JavaScript-driven site much easier.

    In WordPress to do the same you’d have to create a carousel, easy enough by using a plugin, then load the content of each slide in dynamically. On each click of the Next/ Previous button the appropriate page/post’s content is loaded.
    Just as you’d get the data of a page/ post using get_post you can convert that data into JSON using PHP’s json encode function and that will be very ideal for your AJAX call.

    http://api.jquery.com/jquery.ajax/

    I’m unsure how you’d access your functions through URIs though.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Horizontal/vertical sliding navigation’ is closed to new replies.