• Plesk Uservoice will be deprecated by October. Moving forward, all product feature requests and improvement suggestions will be managed through our new platform Plesk Productboard.
    To continue sharing your ideas and feedback, please visit features.plesk.com

Random Image Generator

S

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.

CODE:

<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);
document.write(image[increment]);
//-->
</script>

------------------------

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

src='$Theme$/images/pic01.jpg'
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...
src='MyImages/pic01.jpg'

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.
 
Back
Top