Блог

Итак, у меня есть этот скрипт, который будет поворачивать изображения, расположенные в каталоге, который отлично работает. Однако для поворота изображения требуется обновление страницы. Есть ли способ, которым я могу изменить это, чтобы оно поворачивало изображение при нажатии на само изображение? Заранее спасибо

HTML:

 <img src="rotate.php" alt="random image" />
  

PHP:

 <?php
    $folder = 'images/';

    $exts = 'jpg jpeg png gif';

    $files = array(); $i = -1;
    if ('' == $folder) $folder = './';

    $handle = opendir($folder);
    $exts = explode(' ', $exts);
    while (false !== ($file = readdir($handle))) {
        foreach($exts as $ext) {
            if (preg_match('/.'.$ext.'$/i', $file, $test)) {
                $files[] = $file;
                  $i;
            }
        }
    }
    closedir($handle);
    mt_srand((double)microtime()*1000000);
    $rand = mt_rand(0, $i);

    header('Location: '.$folder.$files[$rand]);
?>
  

Обновление: это очень простой способ, но протестируйте его и посмотрите, работает ли он;

  <script>
  function changeImage(o){
   o.src = 'http://www.domain.com/testtest.php?'   (new Date()).getTime(); // time to help stop caching
    }
 </script>
 <img src="http://www.domain.com/testtest.php" onclick="changeImage(this)" />
  

и в вашем php добавьте заголовок содержимого для отправки изображения, например, если это gif или png…

  <?php
// see link at bottom for getting file extention

 switch ($selected_random_file_extention) {
  case "gif":
     header('Content-type: image/gif');
     $file_ext = "gif"; break;
   case "jpg":
     header('Content-type: image/jpg')
     $file_ext = "jpg"; break;
   case 3:
     header('Content-type: image/png');
     $file_ext = "png"; break;
  }

  //header('Content-type: image/gif'); // send as image 



   //$random_image_name = rand(1,5);

     // you would add $folder.$files[$rand]; and include you script above
     $random_image_name = $folder.$files[$rand]; 



                            // adjust paths as needed
       $img_file = "http://www.domain.com/".$random_image_name.".gif";
                                                               // .$file_ext;


   readfile($img_file);  // not sure how memory will go

    ?>
  

Идея состоит в том, чтобы установить header тип содержимого и читать и записывать файл в выходной буфер с помощью readfile , вооружившись этим, вы могли бы использовать ajax в качестве другого средства запроса изображения и с помощью status легко отображать индикатор загрузки.

Если вам нужно переписать URL-адрес, вы можете изменить расширение .php для src или даже не иметь расширения.

http://php.net/manual/en/function.pathinfo.php

с помощью pathinfo 'extension' вы можете получить расширение, а затем установить соответствующую скорость Content-type

 <script>
function changeSrc(element) {
  var file_names = ["image1.png", "image2.png", "image3.png"]; //etc
  var i = Math.floor(Math.random() * file_names.length);
  element.src = file_names[i];
}
</script>
<img src="image1.png" onclick="changeSrc(this)">
  

Просто объедините ваши $files в строку, заключенную в кавычки через запятую, и вставьте ее в качестве значения для массива file_names выше.

Вы могли бы добавить IFRAME, а затем с помощью javascript случайным образом обновить этот фрейм

Вы рассматривали возможность выполнения этого с помощью ajax? Таким образом, вы могли бы запустить PHP, а затем обновить изображение, но не остальную часть страницы.

Если вы не хотите переходить на его клиентскую часть, я бы добавил ссылку вокруг вашего тега IMG и разделил ваш PHP-скрипт на два файла.

 <a href="rotate.php"><img src="random.php" alt="random image" /></a>
  

Файл 1 (rotate.php ): Поворачивает изображения

Файл 2 (random.php ): Перенаправляет на случайное изображение

 header('Location: '.$folder.$files[$rand]);