2014-11-26 2 views
0

У меня есть HTML-страница, и мне нужно показать страницу несколькими частями. Когда пользователь щелкает дальше, следующая часть страницы отображается пользователю. Я использую spring-mvc, Itext и thymleaf.Разделите одну HTML-страницу на несколько страниц A4

В любом случае я могу это сделать?

Или все равно я могу конвертировать PDF в html с помощью Itext?

+0

Используйте bxslider. Вы можете обратиться к http://bxslider.com/ – Leo

+0

У меня есть только один HTML-код, как его разделить? – sabu

+0

Пожалуйста, проверьте Шаг 2 в приведенной выше ссылке. Вы можете назначить каждому содержимому подстраницы ползунку. Для управления переходами и другими функциями слайдера обратитесь к http://bxslider.com/options – Leo

ответ

0

Там в JS решение только написана как ответ здесь Splitting a long page into a number of pages

скрипкой http://jsfiddle.net/doktormolle/XwUuA/

иметь его расщепление на А4 просто изменить размер в CSS

#paginate{width:200px;height:290px;overflow:hidden;border:1px solid #414141;} 

Это не может быть идеально подходит в зависимости от вашей страницы, но я считаю, что это очень хороший сценарий, ориентированный только на то, что вам нужно

+0

Спасибо .. Но жесткое кодирование высоты не будет иметь никакого эффекта, если, скажем, пользователь увеличил масштаб? – sabu

+0

Да, это часть «может быть не идеальной». Возможно, вы можете сделать дополнение и установить связь между высотой и зумом. Мне было интересно, если я должен ответить на комментарий вместо этого, но пошел за ответом, поскольку, по-моему, оригинальный ответ заслуживает внимания –

0

когда я ред простой способ изменить содержимое страницы в одной страницы из нескольких страниц я использую это: `

<a href="site1" class="logo">link</a> 
<a href="site2">link</a> 
<a href="site3">link</a> 

Jquery

$("main").load("site1.html"); 
$("a").click(function(e) { 
    e.preventDefault(); 
    $("main").load($(this).attr('href')+".html"); 
}); 
}); 

Что скрипт делает получает контент по ссылке вы щелкнули. Таким образом, вам понадобятся дополнительные страницы с содержимым. :) пример на ваших сайтах для вашего контента: site1.html site2.html site3.html довольно простой. Просто спросите, нужна ли вам дополнительная помощь. Я создам пример и отправлю его .

+0

и ofc. вы можете просто использовать кнопки next/prev вместо ссылок на сайт; D –

Смежные вопросы