1. Please take a little time for this simple survey! Thank you for participating!
    Dismiss Notice
  2. Dear Pleskians, please read this carefully! New attachments and other rules Thank you!
    Dismiss Notice
  3. Dear Pleskians, I really hope that you will share your opinion in this Special topic for chatter about Plesk in the Clouds. Thank you!
    Dismiss Notice

Random Image Generator

Discussion in 'Sitebuilder 4.0 for Windows' started by snyhof, Sep 30, 2007.

  1. snyhof

    snyhof Guest

    Here is a simple javascript I found that will add rotating images to any part of your template.

    Best use is for a custom template specificlly made for a client.


    <script language="Javascript">
    function image() {
    image = new image();
    number = 0;
    // imageArray
    image[number++] = "<img src='$Theme$/images/pic01.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic02.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic03.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic04.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic05.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic06.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic07.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic08.jpg' border='0' width='199'>"
    image[number++] = "<img src='$Theme$/images/pic09.jpg' border='0' width='199'>"
    increment = Math.floor(Math.random() * number);


    Sample site: http://www.mlpconstruction.com

    With the path setup you must include the images in the images folder and they cannot be changed by the user.

    If you want the user to be able to change the images, the path would look like this...

    Note: This folder is not created until an image is uploaded using the image upload feature in the editor. You would have to create this folder inside the root folder of an existing user and add the images.
    The user would also have to know that they have 9 (or what ever you setup) images with specific names to match the code.

    The width is optional but recommended for the second option.

    Note: The hover buttons on this site only work in IE.