무작위로 이미지 위치가 겹치지 않습니다.

저는 Wordpress를 사용하고 코드를 사용하여 갤러리 업로드를 특정 페이지에 정렬되지 않은 이미지 목록으로 출력합니다.무작위로 이미지 위치가 겹치지 않습니다.

JS를 사용하여 겹치지 않고 컨테이너 (상대적 위치) 내에 이러한 이미지를 절대적으로 배치하는 방법이 있는지 궁금합니다. 따라서 위치를 지정하고 그 이미지가 어디에 있는지 확인하고 다음 이미지가 겹쳐지지 않도록해야합니다.

이것은 매번 무작위로 생성되어야하지만, 이미지를 만들 수 있는지 궁금합니다. 이미지와 위치는 매번 동일합니까?

감사합니다. 앞으로 몇 가지 생각해보십시오.

-R

편집 : 당신은 지금까지 여기에 HTML 및 진행 볼 수 있습니다

http://masonry.desandro.com/ .. 여기 http://richgc.com/freelance/staton/furniture/

출처

2012-06-10 John the Painter

당신은 무작위 적이기를 원하지만 매번 같을까요? 분명히 해줄 수 있니? – chucktator

사과. 위치가 매번 동일하면 좋을 것입니다. (난 그냥 임의의 기능이 더 쉬울 것이라고 느꼈으므로 어떤 도움을 주시면 감사하겠습니다). –

이 플러그인을 사용해보세요. – undefined

이렇게 몇 JQuery와 플러그인이 있습니다 하나입니다

출처

2012-06-10 16:05:09 lucuma

예 ... 이미지를 우연히 배치하지 않습니다 ... 모두 함께 벽돌을 만듭니다. 저는 올해 초 이것을 만들었습니다 : http://massobservation.org하지만 모두 하드 코딩되어 있습니다. –

@ lucuma의 답변으로 이동합니다 (기존 플러그인이 있는지 몰랐습니다).

이러한 플러그인을 수동으로 구현하려는 경우 겹치지 않을 이미지의 위치를 판별하기 위해 전통적으로 판금에서 부품 잘라 내기를 최적화하는 데 사용되는 cutting algorithm을 사용할 수 있습니다.

결정적 알고리즘을 선택하면 항상 올바른 위치에 이미지의 자리 표시자가 있어야합니다. 항상 크기가 다른 이미지가 있었기 때문에 이미지가 항상 같은 위치에 표시됩니다. 많은 이미지가 아마 같은 크기 일 것이기 때문에, 예를 들어, "cut out slots"에 이미지를 할당 할 수 있습니다. 이미지 파일 이름의 알파벳 순서.

출처

2012-06-10 16:06:03

무작위로 이미지 위치가 겹치지 않습니다.

답변

관련 문제