Book Viewer Component: Difference between revisions

From Littledamien Wiki
Jump to navigation Jump to search
Line 7: Line 7:
TODO: Create a diagram of the DOM elements required to operate the book viewer.
TODO: Create a diagram of the DOM elements required to operate the book viewer.
<pre>
<pre>
+- .page-title
|
+- .book-container > data-id
+- .book-container > data-id
|  |
|  |
Line 19: Line 21:
|    +- img
|    +- img
|
|
+- {navigation}
+- .page-links-container
|
| |
|  +- .prev-pg-btn
|  |
|  +- .page-number
|  |
|  +- .next-pg-btn
+- .preload-0
+- .preload-0
|
|

Revision as of 00:46, 13 December 2013

Overview

Documentation of the "book viewer" component used on damienjay.com and littledamien.com.

Markup

TODO: Create a diagram of the DOM elements required to operate the book viewer.

+- .page-title
|
+- .book-container > data-id
|  |
|  +- .alert-error
|  | 
|  +- .left > data-p, data-op
|  |  |
|  |  +- img
|  |
|  +- .right > data-p, data-op
|     |
|     +- img
|
+- .page-links-container
|  |
|  +- .prev-pg-btn
|  |
|  +- .page-number
|  |
|  +- .next-pg-btn
|  
+- .preload-0
|
+- .preload-1

Workflow