Difference between revisions of "Template:ImageBook"

From Stoneshard wiki
Jump to navigation Jump to search
(add clear to prevent overlapping of floated elements)
(clear after the book)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<includeonly>{{#if:{{{1|}}}|{{#if:{{{2|}}}|{{Clear}}<div style="width: 1010px; height: 620px; position: relative;"><!--
<includeonly>{{#if:{{{1|}}}|{{#if:{{{2|}}}|<div style="width: 1010px; height: 620px; position: relative; float:left;"><!--
--><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><!--


Line 13: Line 13:
-->{{#if:{{{5|}}}|<div class="mw-collapsible mw-collapsed mw-customtoggle-bookPage4 mw-customtoggle-bookPage5" id="mw-customcollapsible-bookPage4" style="position: absolute; top: 490px; left: 860px;">[[File:Bookmark_right.png|link=]]</div><!--
-->{{#if:{{{5|}}}|<div class="mw-collapsible mw-collapsed mw-customtoggle-bookPage4 mw-customtoggle-bookPage5" id="mw-customcollapsible-bookPage4" style="position: absolute; top: 490px; left: 860px;">[[File:Bookmark_right.png|link=]]</div><!--
--><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-bookPage5" style="position: absolute; top: 0px; left: 0px;">[[File:{{{5}}}|link=]]</div><!--
--><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-bookPage5" style="position: absolute; top: 0px; left: 0px;">[[File:{{{5}}}|link=]]</div><!--
--><div class="mw-collapsible mw-collapsed mw-customtoggle-bookPage4 mw-customtoggle-bookPage5" id="mw-customcollapsible-bookPage5" style="position: absolute; top: 490px; left: 98px;">[[File:Bookmark_left.png|link=]]</div></div>|</div>}}|</div>}}|</div>}}<!--
--><div class="mw-collapsible mw-collapsed mw-customtoggle-bookPage4 mw-customtoggle-bookPage5" id="mw-customcollapsible-bookPage5" style="position: absolute; top: 490px; left: 98px;">[[File:Bookmark_left.png|link=]]</div></div>|</div>}}|</div>}}|</div>}}{{Clear}}<!--
-->|{{tl|ImageBook}} is missing Images.}}|{{tl|ImageBook}} is missing Images.}}</includeonly><noinclude>{{doc}}[[Category:Templates]]</noinclude>
-->|{{tl|ImageBook}} is missing Images.}}|{{tl|ImageBook}} is missing Images.}}</includeonly><noinclude>{{doc}}[[Category:Templates]]</noinclude>

Latest revision as of 20:21, 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.