From 93f0494a2df3cb1ecc21ae53b4f30b68473d0785 Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Mon, 21 Jan 2013 04:16:15 +0400 Subject: [PATCH] added article navigation... Signed-off-by: Alex A. Naanou --- magazine.html | 43 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 42 insertions(+), 1 deletion(-) diff --git a/magazine.html b/magazine.html index 04c2f97..6500490 100755 --- a/magazine.html +++ b/magazine.html @@ -24,6 +24,8 @@ $(document).ready(function(){ }) }) + + function setCurrentPage(n){ var pages = $('.page') var cur = $(pages[n]) @@ -36,18 +38,57 @@ function setCurrentPage(n){ return cur } + + function nextPage(){ var pages = $('.page') var cur = $('.current.page') return setCurrentPage(Math.min(pages.index(cur)+1, pages.length-1)) } - function prevPage(){ var pages = $('.page') var cur = $('.current.page') return setCurrentPage(Math.max(pages.index(cur)-1, 0)) } + + +function nextArticle(){ + var pages = $('.page') + var cur = $('.current.page').parents('.article') + // we are at the magazine cover cover... + if(cur.length == 0){ + var a = $('.article .page:first-child').first() + return setCurrentPage(pages.index(a)) + } + // just find the next one... + var articles = $('.article') + return setCurrentPage( + pages.index( + $(articles[Math.min(articles.index(cur)+1, articles.length-1)]) + .children('.page') + .first())) + +} +// XXX this is almost exactly the same as nextArticle... +function prevArticle(){ + var pages = $('.page') + var cur = $('.current.page').parents('.article') + // we are at the magazine cover cover... + if(cur.length == 0){ + return $('.current.page') + } + // just find the prev one... + var articles = $('.article') + return setCurrentPage( + pages.index( + $(articles[Math.max(articles.index(cur)-1, 0)]) + .children('.page') + .first())) +} + + + function setElementScale(elem, scale){ return elem.css({ 'transform': 'scale('+scale+')',