Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Carousel random start image

Carousel random start image

Scheduled Pinned Locked Moved General Discussion
carouselrandom
6 Posts 4 Posters 231 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    A Offline
    andrej
    wrote on last edited by
    #1

    Hello,
    Is it possible to have always a different image in the carosel after load page, but the sequence of images following it will remain? I know there is a random order but it completely mess up the order. I'm looking more for a random start image.

    Thanks in advance
    Andrej

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @andrej
      this is not possible. We are sorry.
      Best!
      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • B Offline
        B Offline
        brogr
        wrote on last edited by
        #3

        Hey @mariusjopen,

        Does anything speak against an approach like this, invoking https://swiperjs.com/swiper-api#method-swiper-slideTo?

        window.laytheme.on("newpageshown", function(){
            setTimeout(() => {
                const swiper = document.querySelector('.swiper-container').swiper;
             swiper.slideTo(randomIndex, 0, false);
            }, 50);
        });
        
        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @brogr

          Best wishes, unsure about result - have you tested this? šŸŒ


          Richard
          1 Reply Last reply
          0
          • B Offline
            B Offline
            brogr
            wrote on last edited by
            #5

            Hey @Richard,

            Thanks. Yes, it's working. The only issue is that the necessary delay of setTimeout is a guessing game. Because layCarousel.initModule(), which calls new Swiper(), itself gets called on newpageshown().

            Feature suggestion: It would be nice to have another event exposed that runs once the carousel (or all addons) are initialized. That way we wouldn't have to rely on setTimeout to access swiper. In the case of Swiper, it could use https://swiperjs.com/swiper-api#event-init.

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Dear @brogr

              Thank you for the feedback it has been noted āœ…

              Feature suggestion: It would be nice to have another event exposed that runs once the carousel (or all addons) are initialized. That way we wouldn't have to rely on setTimeout to access swiper. In the case of Swiper, it could use https://swiperjs.com/swiper-api#event-init.


              Have a great day šŸŒ
              Richard
              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              šŸ’æ Email me here: šŸ’æ
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              Online Users
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
              laytheme.com
              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search