경로수정의 귀찮음...
단순노동 싫어요

쓰실분은 알아서 쓰세요

jquery.php는 알아서 불러오시고
그리고 불당썸 설치하세요 싫으시면 while 보시고 썸네일을 맹글던가 불러오시던가하면되요
중간에 주석은 이미지 검색 말고 제목으로 검색할때 쓰시면 됩니다.
스타일 .load에서 검색중일때 뺑글뺑글 돌아가는 gif파일 위치 잡으시고요
autosuggest.php로 저장 lib폴더에 넣으세요

<?php
<?php
include_once("./_common.php");
include_once("$g4[path]/lib/thumb.lib.php");

$searchterm = trim($_POST['queryString']);
$searchterm = strip_tags($searchterm);
$searchterm = iconv("utf-8", "cp949", $searchterm);
$bo_table = "photo";
$board = "g4_write_"."$bo_table";

if(isset($_POST['queryString']) && !empty($_POST['queryString'])){

$sql2 = "select * from `$board` where wr_is_comment ='0' and  wr_subject like '%$searchterm%' or wr_content like '%$searchterm%' order by wr_num";
$result2 = sql_query($sql2);
$count = mysql_num_rows($result2);

$sql = "select * from `$board` where wr_is_comment ='0' and  wr_subject like '%$searchterm%' or wr_content like '%$searchterm%' order by wr_num limit 25";
$result = sql_query($sql);

echo "<ul>";
echo "<span>위의 검색어로 {$count}개의 사진이 있습니다.</span>";
 for($i=0;$row=sql_fetch_array($result);$i++) {       
  //$javascript_object .= ",";
  //$row[wr_subject] = cut_str("$row[wr_subject]",20);
  //$row[wr_subject] = addslashes($row[wr_subject]);
  //$row[wr_subject] = iconv("cp949", "utf-8", $row[wr_subject]); 
  //$row[wr_subject] = stripslashes(strip_tags($row[wr_subject]));
  //$row[wr_subject] = str_replace(",", "", $row[wr_subject]);
  //$row[wr_subject] = str_replace("[", "", $row[wr_subject]);
  //$row[wr_subject] = str_replace("]", "", $row[wr_subject]);
  //$row[wr_subject] = str_replace("\n", "", $row[wr_subject]);
  //$row[wr_subject] = str_replace("\r", "", $row[wr_subject]);
     
  $sql2 = "select * from g4_board_file where bo_table = '$bo_table' and wr_id = '$row[wr_id]' and bf_no = '0'";
  $result2 = sql_query($sql2);
     
  while ($row2 = sql_fetch_array($result2)){
   $image = $row2[bf_file];
   $data_path = $g4[path]."/data/file/$bo_table";
   $source_imgae = $data_path."/".$image;
   $img_small = "<img src='".thumbnail($source_imgae,100,70,0,2,100)."'>"; 
   echo "<li>{$img_small}</li>";
   }
         }
  echo "</ul>";

 } else {
  echo '검색실패';
 }

?>

검색페이지에 복사

function fill(thisValue) {
 $('#stx').val(thisValue);
 setTimeout("$('#suggestions').fadeOut();", 600);
}
<script>
//autosuggest
function suggest(inputString){
 if(inputString.length == 0) {
  $('#suggestions').fadeOut();
 } else {
 $('#stx').addClass('load');
  $.post("<?=$g4['path']?>/lib/autosuggest.php", {queryString: ""+inputString+""},
  function(data){
   if(data.length >0) {
    $('#suggestions').fadeIn();
    $('#suggestionsList').html(data);
    $('#stx').removeClass('load');
   }
  });
 }
}

function fill(thisValue) {
 $('#stx').val(thisValue);
 setTimeout("$('#suggestions').fadeOut();", 600);
}
</script>
<style>
.suggestionsBox { position:absolute; width:530px; left:0px; top:40px; margin:26px 0px 0px 0px; padding-bottom:4px; background-color #1e2024; border:1px solid #4c515b; color:#fff;}
.suggestionList { margin:0px; padding:5px;}
.suggestionList span { padding-bottom:5px; color:#f84400;}
.suggestionList ul li { float:left; margin: 1px; padding: 0px; border: 1px solid #4c515b; cursor: pointer;}
.suggestionList ul li:hover { background-color: #FC3; border: 1px solid #FC3; color:#000;}
.load{background-image:url(img/loader.gif); background-position:right; background-repeat:no-repeat;}
</style>


적당한위치에 복사 
 <div id="search">
  <form name="fsearch" method="get" action="<?=$g4['path']?>/bbs/board.php" >
  <input type="hidden" name="bo_table" value="photo">
  <input type="hidden" name="sca"      value="<?=$sca?>" />
  <input type="hidden" name="sfl"      value="wr_subject" />
  <input type="hidden" name="sop"      value="or" />
  <fieldset>
  <input type="text" size="25" value="<?=$stx?>" name="stx" id="stx" onkeyup="suggest(this.value);" onblur="fill();" class=""  accesskey="s" />
  <input name="image" type="image" class="btn_search" src="<?=$g4['path']?>/<?=$gr_id?>/img/btn_search_top.gif" alt="검색" align="absmiddle" width="35" height="31" />
   <div class="suggestionsBox" id="suggestions" style="display: none;"> <img src="<?=$g4['path']?>/<?=$gr_id?>/img/arrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
          <div class="suggestionList" id="suggestionsList"> </div>
        </div>
  </fieldset>
  </form>
</div>

적용도 간단합니다. 이모든게 위대하신 만능 jquery덕분이죠
단순히 작동만을 위해 휘갈긴 코드니 수정은 셀프에요