php random image position

music_man

How do you get an image to be placed at a random place on the page please? I have this code but I am not sure how to link the position array to the random arrays if I need to.

<?

$positionleft = array(10, 300);
$positionright = array(10, 300);
$positionbottom = array(10, 300);
$positiontop = array(10, 300);

$randpositionleft[rand(0,2)];
$randpositionright[rand(0,2)];
$randpositiontop[rand(0,2)];
$randpositionbottom[rand(0,2)];


echo "
<a href=\"asdasd.html\" style=\"position: absolute; top: $randpositiontop; bottom: $randpositionbottom; left: $randpositionleft; right: $randpositionright; \">
<img src=images/asd.gif></a>

"
?>

bradgrafelman

Change everything before the 'echo' statement to this:

$positionleft = array(10, 300); 
$positionright = array(10, 300); 
$positionbottom = array(10, 300); 
$positiontop = array(10, 300); 

$randpositionleft = $positionleft[rand(0,1)]; 
$randpositionright = $positionright[rand(0,1)]; 
$randpositiontop = $positiontop[rand(0,1)]; 
$randpositionbottom = $positionbottom[rand(0,1)];

Note that you had 2 errors:

[man]rand/man is inclusive, i.e. "0-2" includes 0, 1, and 2. You only have 2 array items; 0 and 1. This means that at random times, you would receive an "invalid index" error, as there is no 3rd array element (index '2').
Your $rand variables were almost set correctly, except the random number was the index of the corresponding $position array, so you should be setting the value like my above example. Otherwise, how was PHP supposed to know from what array to look in?

music_man

I put that in, now however it only gives me 10 or 300. Can it not go random inbetween those numbers?

Also for some reason the CSS wont work:

<?

$positionleft = array(10, 300);  

$positionright = array(10, 300);  

$positionbottom = array(10, 300);  

$positiontop = array(10, 300);  

$randpositionleft = $positionleft[rand(0,1)];  

$randpositionright = $positionright[rand(0,1)];  

$randpositiontop = $positiontop[rand(0,1)];  

$randpositionbottom = $positionbottom[rand(0,1)];

echo "

<a href=\"file\" style=\"position: absolute; top: $randpositiontop; bottom: $randpositionbottom; left: $randpositionleft; right: $randpositionright; \">
<img src=images/asd.gif></a>

"
?>

music_man

I just fixed the CSS problem. No "px" at the end of the number.

This is the code:


<?

$positionleft = array(10, 300);  

$positionright = array(10, 300);  

$positionbottom = array(10, 300);  

$positiontop = array(10, 300);  

$randpositionleft = $positionleft[rand(0,1)];  

$randpositionright = $positionright[rand(0,1)];  

$randpositiontop = $positiontop[rand(0,1)];  

$randpositionbottom = $positionbottom[rand(0,1)];
?>


<div style="position: absolute; 
top: <?php echo $randpositiontop;?>px; 
bottom: <?php echo $randpositionbottom;?>px; 
left: <?php echo $randpositionleft;?>px;
right: <?php echo $randpositionright;?>px; ">\

<a href="file"><img src=images/asd.gif></a>
</div>

It still is 300 or 10

bpat1434

That's because you're only defining two numbers: 10, and 300.

If you did a var dump of the arrays, you'd see something like:

Array()
{
    [0] => 10
    [1] => 300
}

You need to either enter them manually, or create a quick itteration function to do it for you. Or, figure out hot to use the random function in php.

I think you might want:

rand(10, 300)

which will return a value between 9 and 301 (not including 9 and 301).

~Brett

bradgrafelman

If you're just wanting a random number, you could condense your entire script to this:

<div style="position: absolute; 
top: <?php echo rand(10, 300); ?>px; 
bottom: <?php echo rand(10, 300); ?>px; 
left: <?php echo rand(10, 300); ?>px; 
right: <?php echo rand(10, 300); ?>px; "> 

<a href="file"><img src=images/asd.gif></a> 
</div>

as bpat explained, [man]rand/man generates a random number between the 2 numbers inclusively.

music_man

Thanks a lot. How do you confine it to a certain space? Like random inside another div.


<div style="background-color:orange;">

<random image location div here>

</div>

CSS relative? So that the div with its background colour as orange will stretch with the position of the div with the random image location.

bradgrafelman

<div style="background-color" etc...>

<div style="position: absolute; 
top: <?php echo rand(10, 300); ?>px; 
bottom: <?php echo rand(10, 300); ?>px; 
left: <?php echo rand(10, 300); ?>px; 
right: <?php echo rand(10, 300); ?>px; "> 

<a href="file"><img src=images/asd.gif></a> 
</div>  

</div>

..just do it in the HTML.

music_man

If the position for the nested div is 300px from the top then it will not stretch the coloured div 300px, it will just display the coloured div as normal and the positioned div e.g outside the box