Случайные изображения по клику - PullRequest
Новая
       29

Случайные изображения по клику

0 голосов
/ 18 января 2012

У меня есть код о том, как случайные изображения при обновлении, однако я хочу, чтобы это было так, как когда я нажимаю кнопку, случайные изображения показывают, как мне это сделать?

Вот код для случайных изображений: 

 <?
$imglist='';
//$img_folder is the variable that holds the path to the banner images. Mine is images/tutorials/
// see that you don't forget about the "/" at the end 
$img_folder = "images/tutorials/";

mt_srand((double)microtime()*1000);

//use the directory class
$imgs = dir($img_folder);

//read all files from the directory, checks if are images and ads them to a list (see below how to display flash banners)
while ($file = $imgs->read()) {
if (eregi("gif", $file) || eregi("jpg", $file) || eregi("png", $file))
$imglist .= "$file ";

} closedir($imgs->handle);

//put all images into an array
$imglist = explode(" ", $imglist);
$no = sizeof($imglist)-2;

//generate a random number between 0 and the number of images
$random = mt_rand(0, $no);
$image = $imglist[$random];

//display image
echo '<img src="'.$img_folder.$image.'" border=0>';
?>

Ответы [ 2 ]

1 голос
/ 18 января 2012

Работа с JavaScript: 

document.getElementById('the-img-id').onclick = function() {
  var randomInt = Math.round(Math.random() * 12); // 12 is the max
  this.src = '/path/to/images/img-'+randomInt+'.jpg'; // replace the src
}

Это работает с /path/to/images/img-1.jpg.

Вы также можете создать массив: 

var myImages = [
  'foo.jpg',
  'bar.jpg',
  'something.jpg',
  'someotherting.jpg',
  'ahhhanpng.png'
];

// select a element with id="the-img-id"
document.getElementById('the-img-id').onclick = function() {
  var randomInt = Math.round(Math.random() * myImages.length-1 ); // Create random number
  this.src = '/path/to/images/'+myImages[randomInt]; // replace the src with the new img
}

Посмотрите на комментарии (после //) и Google немного кода, и вы будете успешно использовать его.

0 голосов
/ 18 января 2012

вам нужно будет использовать JavaScript. Используйте getElementById ("idOfImageElement"). Src = "newSrc".

...