Codenstuff.com: Random logo v2 (Snippet)

Random logo v2 (Snippet)

3 posts Page 1 of 1

Post Reply

Contributors

Filip
Coding Guru

Posts: 833

Joined: Wed Jan 05, 2011 3:59 pm

Random logo v2 (Snippet)
Filip
Fri Aug 02, 2013 3:39 pm

Hello,

Earlier today I found #lola90235's tutorial for displaying random logo on page so I decided to make it a bit more advanced and availible both in JavaScript and PHP (therefore it was posted in other languages lol)

JavaScript

Code: Select all

<!doctype html>
<html>
	<head>
		<title>Random logo test</title>
	</head>
	<body>
		<img src="" id="logo" />
		<script type="text/javascript">
			var logoCount = 10; //Number of logo files
			var logoParent = "logo"; //ID of logo holder 
			var fileNamePattern = "images/logo[num].png"; //Pattern of filename 
			var num = logoCount + 1; 
			var r=Math.floor(Math.random()*num);
			document.getElementById(logoParent).src = fileNamePattern.replace("[num]", r);
		</script>
	</body>
</html>

PHP

Code: Select all

<?php
	function generateNewLogo() {
		define("logoCount", 10); //Number of logo files
		define("logoParent", "logo"); //ID of logo holder 
		define("fileNamePattern", "images/logo[num].png"); //Pattern of filename
		
		$logo = rand(0, logoCount);  //Get a random number
		$path = str_replace("[num]", $logo, fileNamePattern); //Put number in pattern
		return $path; //Return parsed pattern
	}
?>
<!doctype html>
<html>
	<head>
		<title>Random logo test</title>
	</head>
	<body>
		<img src="<? echo generateNewLogo(); ?>" id="logo" />
	</body>
</html>

Report bugs if you find any.
If you need more explanation about the code, feel free to comment below.

Thanks for reading this snippet,
-Filip