Creating a slider/carousel of header images

  • Resolved chzumbrunnen

    (@chzumbrunnen)


    4 years, 10 months ago

    Is there a best practice (besides not using any slider at all) to extend the header image to use all added images in a slider instead of only one image randomly on each page load?

    There are variants of using an external slider (which most are awful) and use a do_shortcode snippet in the header template of a child theme.

    While this kind of works, I don’t like the way this is done.

    And since default functionality is already close I’m sure there is a better way to replace the header_image_url to get an array of images and embed those in a simple slider. Any hints would be highly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @chzumbrunnen,

    Sorry for the late reply. Since the existing header image in Hemingway is output as a background image on the wrapper element, there’s no easy way to extend it with multiple background images. I think you’re going to need to include the header.php file in your child theme, add output of a slider within the .header.section element and position it to cover the entire element.

    It’s a heavy solution, but I don’t think there’s a way around it.

    — Anders

    Thread Starter chzumbrunnen

    (@chzumbrunnen)

    Thanks @anlino for your reply.

    I guess for now I will stick with the option in the customizer that can be used to randomly show an image or do some simple css to select different image for different pages – without a slider.

    That should do for now.

    I appreciate your answer and would be willing to give it a try if the customer would really want it, but I think I could teach that a slider isn’t the best ux anyway ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Creating a slider/carousel of header images’ is closed to new replies.