것이다
<li class="left" id="someId">
<a href="#" >
<img src="image path here" alt="error" id="image_id_here" class="img_thumb"/>
</a>
</li>
기능 핸들러 기능
<a href="#" onclick="change_order()" class="btn_1">Save Order</a>
(모든 이미지가 이동합니다 때라는 것이다) Image_Order
만들기 이미지 목록에 대한 귀하의 데이터베이스 테이블에 하나 개의 추가 필드 [photo_ord] 추가 아약스 전화 요청 이미지 주문
function change_order()
{
var urlst="";
var co=1;
$('.img_thumb').each(function()
{
urlst=urlst+this.id+'#'+co+'*';
co++;
});
$.ajax(
{
type:"POST",
url:"xhr_change_image_order.php",
data:"orader="+urlst,
success:function(data)
{
if(data=="changed")
alert("Image order changed.");
},
error:function()
{
alert('error occure');
}
});
}
파일 : xhr_change_image_order.php (업데이트됩니다 데이터베이스) 그 후
<?php
$url = $_POST['orader'];
$photo_arr = explode("*", $url);
foreach ($photo_arr as $k => $ph) {
if (strlen($ph) > 1)
{
// Update Query
// $arr[0] will contain image id
// $arr[1] will contain image order
UPDATE `photo` SET `photo_ord` = $arr[1] WHERE `photo_id` = $arr[0];
}
}
echo "changed";
?>
때 갤러리 간단히 ORDER BY 절을 사용하여 데이터를 가져 만들
SELECT * FROM photo ORDER BY photo_ord asc or DESC