Customizr Slider : Randomize your slides 12


Here is a useful snippet for those who need to display their slides in a random order.

The random display is handled in javascript but I might come with an even simplier solution with a WordPress hook in a future release of the theme.

 

 

Where to paste this code? => in your functions.php file. I strongly recommend to create a child theme. Download a start-up child theme here.

Everything you need to know about child theme with Customizr here.


About Nicolas

My name is Nicolas Guillaume (nikeo). I am the developer of the WordPress Customizr Theme. This website is a discussion platform, your comments are welcome!


12 thoughts on “Customizr Slider : Randomize your slides

  • Reply
    Matt Ford

    Would love to have an easier solution to making the images random, looking forward to an update, thank you. :)

  • Reply
    Loïc

    Bonjour Nicolas,
    Est-il possible de changer le mode d’apparition des images? Est-il possible de les faire apparaître simplement par transparence les unes après les autres sans avoir cet effet arrivées par la droite? Je suppose qu’il faut réécrire un script?

    Bravo pour votre travail sur Customizr. Je le comprends petit à petit.

    Bien à vous!

  • Reply
    Al Gibson

    Oh dear oh dear, I just pasted the randomise slider code in my functions.php and my whole site crashed. : (
    Tried to restore from backup but that’s not working either. Oh what have I done…

    • Reply
      Al Gibson

      Hello AL,

      Sorry for the inconvenience this has caused to you. I have accessed the website: http://algibsonauthor.com/ and found that the issue which you are experiencing is related to the theme ‘customizr’. Therefore, please reinstall the theme ‘customizr’ or contact the theme ‘customizr’ vendor or the support team of the theme ‘customizr’ to fix this issue.

      Currently. I have set the default theme ‘twentytwelve’. Now, the website: http://algibsonauthor.com/ is working fine without any issues. If the issue persists, please let us know.

      If you have any further questions, please update the Support Console.

      Sincerely,

      Shreyank N
      Technical Specialist

Leave a Comment

Your email address will not be published. Required fields are marked *

Do you need to share some code? To display it in a nice looking syntax highlighter, wrap your code between the following tags (css code in this example) : <pre class="lang:css">YOUR CODE</pre> ( possible code language acronyms : css, php, xhtml, javascript, sql)

You may also use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">