How to Create Homepage Banner Images

Owned by Raymond Cantrell III
Last updated: Sept 15, 2022 by Chris Gipson (Unlicensed)
1 min read

  1. Sign in to a PlayerFirst website.

  2. Click PlayerFirst in the top right corner.

  3. Click Home Page.

  4. Click Edit Landing Screen.

  5. Find and select Source from the text editor menu.

  6. Paste in the following html code.
    <div class="raw-html-embed">
    <script>
    $(function() {
    const images = [
    "Paste image URL here",
    "Paste image URL here",
    "Paste image URL here",
    "Paste image URL here"
    ];
    $('.jumbo').css('background-image', url(${images[Math.floor(Math.random() * images.length)]}));
    });
    </script>
    </div>

  7. Click Update.

  8. In a text editor menu, click the Insert Image icon.

  9. Choose the location you want to upload your image to.

  10. Click Add Files.

  11. Find where the image(s) are stored on your computer and select the image(s) you want to upload. Click Open.

  12. Click Start Upload.

  13. Once the image is uploaded, find it and double click it.

  14. Right click the image, and select Copy image link (or equivalent, this differs between browsers).

  15. Paste the URL in a notepad.

  16. Repeat steps 14 & 15 for each image you want to add to the homepage banner.

  17. Return to the text editor by closing out of the image upload modal.

  18. Find and select Source from the text editor menu.

  19. Replace the Paste image URL here text with an image URL.

  20. Repeat step 19 for every image URL you want added to the homepage banner, and add extra lines if necessary.

  21. Click Update.

  22. Click Save.

Â