Book Viewer Component: Difference between revisions
Jump to navigation
Jump to search
(→Markup) |
(→Markup) |
||
| Line 5: | Line 5: | ||
== Markup == | == Markup == | ||
DOM elements required to operate the book viewer | === DOM elements required to operate the book viewer === | ||
<pre> | <pre> | ||
| Line 35: | Line 35: | ||
</pre> | </pre> | ||
=== Shared templates === | |||
* `[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/page-set.php` | |||
* `[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/page-previews.php` | |||
* `[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/book-previews.php` | |||
== Workflow == | == Workflow == | ||
[[Category:jQuery/AJAX]] [[Category:CMS Documentation]] [[Category:Web Development]] | [[Category:jQuery/AJAX]] [[Category:CMS Documentation]] [[Category:Web Development]] | ||
Revision as of 14:31, 13 December 2013
Overview
Documentation of the "book viewer" component used on damienjay.com and littledamien.com.
Markup
DOM elements required to operate the book viewer
+- .page-title | +- .book-container > data-id, data-type | | | +- .alert-error | | | +- .left-page > data-p, data-op | | | | | +- img | | | +- .right-page > data-p, data-op | | | +- img | +- .page-links-container | | | +- .prev-pg-btn > data-p, data-op | | | +- .page-number | | | +- .next-pg-btn > data-p, data-op | +- .preload-0 | +- .preload-1
[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/page-set.php[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/page-previews.php[COMMON_TEMPLATE_DIR]_templates/content/book-viewer/book-previews.php