웹 페이지에서 이미지 격자를 설정하고 메뉴로 선택되는 카테고리를 통해 정렬 할 수 있습니다.웹 페이지의 이미지 격자를 어떻게 정렬 가능하게 만들 수 있습니까?
이 작업은 전체 페이지를 다시 검토하지 않고도 수행 할 수 있으며 자바 스크립트 또는 jquery없이 수행 할 수 있습니다.
예를 들어, 4 개의 범주로 정렬 된 12 개의 이미지가있을 수 있습니다. 메뉴는 "카테고리 1", "카테고리 2"등으로 구성됩니다.이 옵션 중 하나를 클릭하면 아래의 이미지가 선택한 분류 이미지와 함께 맨 위에 간단하게 재 배열됩니다.
이 작업을 수행 할 수있는 간단한 PHP 스크립트가 있습니까? 다양한 배열로 이미지를 설정해야합니까?
모든 도움을 받으실 수 있습니다.
실제로 JavaScript를 사용하지 않고 페이지를 새로 고치지 않고도이 작업을 수행 할 수 있습니다. 작동 방식은 다음과 같습니다 (최소한의 예).
HTML 페이지에 iframe을 만듭니다. iframe은 메뉴와 정렬 된 이미지를 표시합니다. content.php에서 다음
<iframe src="content.php" width="300" height="100" border="1"></iframe>
:
<form method="post" action="content.php">
<select name="select">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<input type="submit">
</form>
<?php
if (isset($_POST["select"])) {
// sort images however you want and echo them
echo "Option ".$_POST["select"];
}
?>
양식을 제출 때, 단지 iframe 다시로드 (그리고 전체 페이지).
해결 방법에 불과하다는 점에 유의하십시오. 당신이 정말로 이루고자 노력하는 것은 그렇게해서는 안됩니다. 자바 스크립트가 더 나은 선택 일 것입니다.
PHP는 서버 측 언어이므로 자바 스크립트 (jQuery)와 같은 클라이언트 측 언어를 사용하거나 페이지를 새로 고치지 않고도 순서를 변경할 수 없습니다. 그럼 선택해주세요 –
무엇을 시도 했습니까? 우리는 SO를 돕기 위해 매우 기꺼이 노력합니다. 그러나 뭔가를 연구하거나 시도하는 데 실제 노력을 기울인 경우에만해야합니다. –
나는 JS를 모르기 때문에 코딩으로는 아무것도 시도하지 않았다. 과거에 PHP 배열을 만들었지 만 페이지를 새로 고치기 만하면 어디에서부터 시작해야할지 모르겠다. 저는 행운이없는 해결책을 찾기 위해 100 건의 Google/포럼 검색을 해봤지만 다양한 그리드 기반 이미지 회전기를 통합하려고 시도했지만 제대로 보이지 않고 "귀찮은"솔루션처럼 보입니다. – user1525141