mysql 필드에서 원하는 값 우선으로 정렬 하는 방법.

select * from 테이블 order by FIELD(필드명, '정렬1순위', '정렬2순위', '정렬3순위', '정렬4순위');

위 같은 형태로 가능..

이미지나 js css 등을 불러올때 캐시된 파일들을 불러와서 수정전 파일들을 불러올 경우에는

불러오는 부분에 ?ver=<?php echo time()?> 이런 형태로 불러와주면 다른 주소로 인식해서 캐시 기능을 피하실 수 있습니다.

<link rel="stylesheet" href="customize.css?ver=<?php echo time() ?>">

<script src="menu.js?ver=<?php echo time() ?>"></script>

<img src="img.jpg?ver=<?php echo time()?>" alt="">

위와 같은 형태로 변경

jquery 로 슬라이드배너를 만들때 주로 bxslider 를 사용하는데

고쳐져야할 오류가 몇가지 보이네요..

일단 처음 페이지에 접속 했을때 이미지들이 쭉 나열 되면서 페이지 레이아웃이 깨져서 보이는 부분인데..

이부분은 먼저 레이아웃을 잡기전엔 슬라이더 영역을 안보이게 하고, 로딩이 완료 된 후에 보이게 하는 방식으로

처리를 하면 된다.

<div id="edd" style="visibility:hidden;opacity:0">
	<ul class="bxslider">
	  <li><img src="/image/banner/main_banner_01.jpg"/></li>
	  <li><img src="/image/banner/main_banner_01.jpg"/></li>
	  <li><img src="/image/banner/main_banner_01.jpg"/></li>
	</ul>
</div>

위와 같이 bxslider를 둘러싸고 있는 div 를 하나 만드신 후 style="visibility:hidden" 을 주시고

새로고침 해보시면 해당 영역은 잡혀 있는데 이미지는 보이지 않으실 겁니다.

그럼 이제 bxslider이 완료 되면 해당 부분을 다시 보이게 처리 해야 합니다.

<script type="text/javascript">
$(document).ready(function() {
	$('.bxslider').bxSlider({
		mode: 'vertical',
		slideMargin: 5,
		pager:false,
		onSliderLoad: function(){
			$("#edd").css("visibility", "visible").animate({opacity:1});
		}
	});
});
</script>

위와 같이 onSliderLoad 부분을 넣으시면 슬라이더 로딩이 완료 되면 #edd 의 visibility 를 visible 로 변경 해라 이런 뜻입니다.

이렇게 처리하면 따로 잡힌 영역이 깨지지 않고 레이아웃이 잡히고, bxslider 가 로딩이 완료 된 후에 해당 영역에 출력이 됩니다.

다른 이슈는 ie에서 무한으로 이미지로딩만 출력 되는 현상인데 이부분은 다음에 다시 올리도록 하겠습니다.