0
나는 불가능을 성취하려고 노력하고 있다고 생각합니다.PHP로 2 열, 다중 페이지 온라인 서적으로 사용자 제출 텍스트의 큰 블록을 돌리시겠습니까?
내가 만들고자하는 것은 사용자가 "이야기"또는 저널 항목을 제출하는 방법입니다. 그들은 항목의 길이와 단락을 완전히 제어 할 수 있습니다.
내 문제 : 항목 (텍스트 블록)을 가져와 서적 배경과 함께 다음 또는 이전 페이지로 연결되는 링크와 함께 표시하려고합니다.
북 열기 = 2 열 (왼쪽/오른쪽).
내용은 열 1 (페이지 1)을 채우고 열 2 (페이지 2)로 넘칠 필요가 있습니다. 콘텐츠가 2 열에 비해 너무 길면 "다음 페이지"링크를 포함하십시오. 그런 다음 텍스트는 2 페이지에서 중단 된 페이지 3/4에 계속됩니다. 1 열 (3 페이지)을 채우고 2 열 (4 페이지) 등으로 오버플로 등
이미지를 추가하고 싶습니다. 그것은 정말로 그것을 추진하고 있습니다.
내가 시도한 모든 것이 실패했습니다. 나는 단어 수를 세어보고 그것들을 나눠서 하나의 페이지에 절반을 표시하고 다른 하나에 절반을 표시하려고 시도했지만 줄 바꿈을 고려하지 않았습니다.
jquery를 사용하여 한 div의 텍스트를 다른 텍스트로 복제하고 내용을 오프셋하여 미리 본 텍스트를 숨기려고 시도했지만 줄 바꿈이 엉망이되었습니다.
누구에게 아이디어를 가져 오는 방법이 있습니까?
[편집]
나는이 발견 http://jsfiddle.net/natedavisolds/bxzCK/16/ 을하지만 텍스트가 2 열에서 오버 플로우 때에 대한 페이지 매김을 생성하는 방법을 모르겠어요. 이 칼럼에서 중단 된 부분은$('.column[data-overflow]').each(function(index) {
var $this = $(this),
$parent = $($this.data('overflow')),
colHeight = $parent.innerHeight(),
scroll = parseInt(colHeight) * (index + 1),
newHeight = "-=" + scroll + "px";
$this.html($parent.html())
.find('.content').css({ marginTop: newHeight});
});
어떤 이유로 든 시도했지만 작동하지 않는 샘플 코드가 없으면 많은 도움을 얻지 못할 가능성이 높습니다. 올바른 방향으로 인도하기는하지만, 이미지에서 텍스트가 강점이 아니므로 PHP를 앞지르는 좋은 사례라고 말할 수 있습니다. 영리한 HTML 및 CSS3 책을 만드는 작업을 어떻게 처리해야합니까? –
@PhpMyCoder 내가 해킹 한 코드를 포함시키지 않았습니다. 줄 바꿈이 단어 수를 상쇄 할 수 있기 때문에 내 시도는 쓸모가 없었습니다. 단순히 단어를 세고 나누는 것이 내가 가야 할 길이 아니란 것을 깨달았습니다. – Damien