Skip to content

slideshow auto refresh example #6

Description

@lbesnard

this is fantastic! thanks so much for this. I always wanted to put a slideshow with piwigo on one of my old tablet gathering dust.

For others who might want to do the same thing (and aren't really familiar with php/html like me), I found that making this little html (based of course on your examples) with a refresh ever 10 seconds works beautifully. Could be worth maybe adding this as a use case in your examples?

<!DOCTYPE html>
<meta http-equiv="refresh" content="10" />

<html>
  <head>
    <meta charset="UTF-8" />
    <title>Random images</title>
  </head>
  <body>

    <div id="styled_random_image">
      <style type="text/css" scoped>
    /* Frame and margin around the image */
    #styled_random_image img {border: solid 1px grey; padding:5px; margin:5px;}
    /* Change opacity on mouse over */
    #styled_random_image img:hover {opacity: .8}
    #styled_random_image {text-align:right; display: inline; background-color: white;}
    /* Don't display the image on small screens */
    @media all and (max-device-width: 599px),
    all and (max-width: 599px)
    {
    #styled_random_image {display: none}
    }
      </style>
      <script type="text/javascript"
        src="//MYPIWIGO.COM/piwigo-random-backend.php?element_name=styled_random_image&amp;size=large"
          async>
      </script>
    </div>

  </body>
</html>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions