이미지 회전 스크립트

Question

그래서 나는이 스크립트를 사용하여 위대한 이미지를 디렉토리에 위치시킬 수 있습니다. 그러나 이미지를 회전하려면 페이지 새로 고침이 필요합니다. 이미지 자체를 클릭했을 때 이미지를 회전 시키도록 수정하는 방법이 있습니까? 사전에 감사

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]); 
?> 

Answer 1

업데이트 : 이것은 매우 기본적인 그러나 그것을 테스트하고 작동하는지 확인;

<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 경우 이미지 등을 보내 콘텐츠 헤더를 추가

...

idear가 header 콘텐츠 형식을 설정하고 읽는 것입니다

<?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 

    ?> 

및 readfile을 사용하여 파일을 출력 버퍼에 씁니다. 이미지를 요청하고로드 표시기를 easly 표시하기 위해 status을 사용하는 또 다른 수단으로 ajax를 사용할 수 있습니다.

URL을 다시 작성하려면 src에 대한 .php 확장자를 변경하거나 확장자가없는 경우에도 가능합니다. 그런 다음 확장자를 얻을 수 pathinfo 'extension'를 사용

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

당신이 그때 당신의 IMG 태그의 둘레에 링크를 추가 할 자신의 클라이언트 측에 싶지 않는 경우 approprate Content-type

Answer 2

를 설정하고 PHP 스크립트를 분할 두 개의 파일로

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

파일 1 (rotate.php은) : 이미지

파일 2 (random.php)를 회전 : 당신이 다음 IFRAME을 추가 할 수

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

Answer 3

임의의 이미지로 재 지정 자바 스크립트, 무작위로 해당 프레임 새로 고침

Answer 4

아약스로이 작업을 조사해 보셨습니까? 이렇게하면 PHP를 트리거 한 다음 이미지를 새로 고칠 수는 있지만 나머지 페이지는 새로 고칠 수 없습니다.

Answer 5

<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)"> 

$ 파일을 인용 된 쉼표로 구분 된 문자열로 결합하고 위의 file_names 배열 값으로 삽입하십시오.