Pagination to carousel effect

  • jvboimonkiboi

    (@jvboimonkiboi)


    10 years ago

    Hi everyone,

    I’m currently building a new wordpress site and I badly need help when it comes to codes. I want my pagination to act like a carousel. Is that possible?

    Upon clicking on a pagination, the page entirely loads including the other parts of the page. I just want the effect to act like a carousel wherein if i click on the next button or page, the items will just move to the next item and will not load the entire page and/or move to the next page.

Viewing 5 replies - 1 through 5 (of 5 total)
  • nthjobs

    (@nthjobs)

    yes possible…

    you can use carousel plugin

    thank you
    https://www.nthjobs.com/

    Thread Starter jvboimonkiboi

    (@jvboimonkiboi)

    Thanks for the reply.

    To be more specific, I am using a pagination that is included in my theme. And I’m using it for my posts to appear on the Home Page/front page of my site. I use pagination because the carousel does not auto update it’s contents every time I publish new post on my blog (pagination does). However, when i use pagination, every time i click on the next page the entire HomePage/FrontPage loads up again together with the contents of the next page. I only want the next item/page to appear without loading the Entire HOMEPAGE.

    Thread Starter jvboimonkiboi

    (@jvboimonkiboi)

    Or in other words, I want a carousel that does auto update its contents.

    For example: I carouseled the items on my blog to appear on my homepage. What I want is that, every time I have new posts on my blog it will automatically add in the carousel which is located in my homepage.

    Moderator bcworkz

    (@bcworkz)

    I think you need a more generic carousel slider that works off a basic <ul><li> HTML structure. I’m not familiar with the WP carousel plugin, but it appears to work off of shortcode content in a post, which may not work for you unless it can also work off of a <ul><li> structure that is template generated outside of post content.

    WooThemes flexslider works this way, there are others as well. I’m not endorsing flexslider, I just happen to know it works off of a generic <ul><li> structure. You do not need to buy the WP flexslider plugin, the free jQuery version works just fine as long as you know how to enqueue scripts.

    Then on your homepage template, run a custom query/loop for what ever content you want to appear in the carousel. The loop should output the content into the requisite <ul><li> structure. As long as the query correctly returns the latest posts in the proper order, the slider will work as you want, using the slider’s native controls for navigation.

    Thread Starter jvboimonkiboi

    (@jvboimonkiboi)

    Thanks bcworkz!

    I’ll check it out. Just came back to work from weekend off.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Pagination to carousel effect’ is closed to new replies.