Difference between revisions of "Template:ImageBook"

From Stoneshard wiki
Jump to navigation Jump to search
(add clear to prevent overlapping of floated elements)
Line 1: Line 1:
<includeonly>{{#if:{{{1|}}}|{{#if:{{{2|}}}|<div style="width: 1010px; height: 620px; position: relative;"><!--
<includeonly>{{#if:{{{1|}}}|{{#if:{{{2|}}}|{{Clear}}<div style="width: 1010px; height: 620px; position: relative;"><!--
--><div class="mw-collapsible" id="mw-customcollapsible-bookPage1" style="position: absolute; top: 0px; left: 0px;">[[File:{{{1}}}|link=]]</div><!--
--><div class="mw-collapsible" id="mw-customcollapsible-bookPage1" style="position: absolute; top: 0px; left: 0px;">[[File:{{{1}}}|link=]]</div><!--



Revision as of 20:09, 20 October 2022

Template-info.png Documentation

This template can be used to create interactive books from book images.

  • All pages of the book should be saved as separate images.
  • For now template only supports Images with 1010x620 resolution.
  • All Images must have the same size, otherwise you may notice the book "move" when you flip a page.
  • You need a minimum of 2 images.
  • Currently supports up to 5 images.


Syntax:

{{ImageBook<!--
-->|filename1.png<!--
-->|filename2.png<!--
-->|filename3.png<!--
-->|filename4.png<!--
-->|filename5.png}}


Examples:

{{ImageBook<!--
-->|Old Remedy Book 1-2.png<!--
-->|Old Remedy Book 3-4.png<!--
-->|Old Remedy Book 5-6.png<!--
-->|Old Remedy Book 7-8.png<!--
-->|Old Remedy Book 9-10.png}}
Old Remedy Book 1-2.png
Bookmark right.png
Old Remedy Book 3-4.png
Bookmark left.png
Bookmark right.png
Old Remedy Book 5-6.png
Bookmark left.png
Bookmark right.png
Old Remedy Book 7-8.png
Bookmark left.png
Bookmark right.png
Old Remedy Book 9-10.png
Bookmark left.png


Two images are minimum:

{{ImageBook<!--
-->|Old Remedy Book 1-2.png<!--
-->|Old Remedy Book 3-4.png}}
Old Remedy Book 1-2.png
Bookmark right.png
Old Remedy Book 3-4.png
Bookmark left.png


Not entering at least two images will produce error:

{{ImageBook<!--
-->|Old Remedy Book 1-2.png}}

{{ImageBook}} is missing Images.