Difference between revisions of "Template:ImageBook"

From Stoneshard wiki
Jump to navigation Jump to search
(add clear to prevent overlapping of floated elements)
(use left float instead of clearing, prettier on pages with right floated tooltips)
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><!--



Revision as of 20:20, 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.