bachir/archeo010110-ananthology
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reodered pages, added chemin de fer, tranches, pages as doubles

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2016-12-21 20:22:51 +01:00
parent e7feebf0a2
commit 9da8e97206
127 changed files with 645 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/main.js
+99 -19
View File
@@ -1,12 +1,20 @@
$(document).ready(function() {
console.log("ready");
var _current_pages = 0,
var _win = {
w:$(document).width(),
h:$(document).height()
},
_$root = $('#root'),
_pl = 58,
_active_pages = {},
_current_pages = 0,
_page_left_bg, _page_right_bg,
_$page_left = $('#page-left'), _$page_right = $('#page-right'),
_$overlay_left = $('#page-left .overlay'), _$overlay_right = $('#page-right .overlay'),
_$maps_left = $('#page-left .maps'), _$maps_right = $('#page-right .maps'),
_bgs_prefix = "images/pages/";
_$railway = $('#railway');
// ____ _ __
// / _/___ (_) /_
@@ -15,11 +23,75 @@ $(document).ready(function() {
// /___/_/ /_/_/\__/
function init(){
console.log("init", _PAGES[0].bg);
// console.log("init", _PAGES[0].bg);
initLayout();
initData();
initRailway();
initkeyboard();
changePages();
};
function initLayout(){
_$root.css({
'margin-top':(_win.h-_$root.height())/2
});
};
function initData(){
for (var p = 0; p < _PAGES.length; p++) {
if(typeof _PAGES[p][0].page !== "undefined"){
_active_pages[(_PAGES[p][0].page+1)/2] = p;
}
else if(typeof _PAGES[p][1].page !== "undefined"){
_active_pages[_PAGES[p][1].page/2] = p;
}
}
console.log("_active_pages", _active_pages);
};
// _ __
// / | / /___ __ __
// / |/ / __ `/ | / /
// / /| / /_/ /| |/ /
// /_/ |_/\__,_/ |___/
function initRailway(){
var $ul = $('<ul>');
var ap, bgl, bgr;
for (var p = 0; p <= _pl; p++) {
console.log("-- PAGE --", p);
ap = typeof _active_pages[p] !== "undefined" ? _active_pages[p] : false;
// console.log("ap",ap);
if(ap !== false){
bgl = typeof _PAGES[ap][0].bg !== "undefined" ? _bgs_prefix+"thumbs/"+_PAGES[ap][0].bg : false;
bgr = typeof _PAGES[ap][1].bg !== "undefined" ? _bgs_prefix+"thumbs/"+_PAGES[ap][1].bg : false;
}else{
bgl = bgr = false;
}
// console.log("_PAGES[ap][1].bg", _PAGES[ap][1].bg);
// console.log("bgl", bgl);
// console.log("bgr", bgr);
if(p!=0)
$('<li>')
.addClass('page page-'+p+' page-left')
.addClass(bgl ? 'active' : 0)
.css({'background-image': bgl ? "url("+bgl+")" : "none"})
.appendTo($ul);
if(p<_pl)
$('<li>')
.addClass('page page-'+p+' page-right')
.addClass(bgr ? 'active' : 0)
.css({'background-image': bgr ? "url("+bgr+")" : "none"})
.appendTo($ul);
}
$ul.appendTo(_$railway);
}
// TODO: next page arrow
// ____
// / __ \____ _____ ____ _____
// / /_/ / __ `/ __ `/ _ \/ ___/
@@ -28,35 +100,43 @@ $(document).ready(function() {
// /____/
function nextPages(){
if(_current_pages < _PAGES.length-2){
_current_pages+=2;
if(_current_pages < _PAGES.length-1){
_current_pages+=1;
changePages();
}
};
function prevPages(){
if(_current_pages > -1){
_current_pages-=2;
if(_current_pages > 0){
_current_pages-=1;
changePages();
}
};
function changePages(){
console.log("changePages");
_page_left_bg = _bgs_prefix+_PAGES[_current_pages].bg;
_page_right_bg = _bgs_prefix+_PAGES[_current_pages+1].bg;
console.log(_page_left_bg+" | "+_page_right_bg);
console.log("changePages", _current_pages);
_$page_left
.css({'background-image': "url("+_page_left_bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+_current_pages);
_$page_right
.css({'background-image': "url("+_page_right_bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+(_current_pages+1));
if (typeof _PAGES[_current_pages][0].bg !== "undefined") {
var pl = _PAGES[_current_pages][0];
_$page_left
.css({'background-image': "url("+_bgs_prefix+pl.bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+pl.page);
}else{
_$page_left.css({'background-image': "none"});
}
updatePagesOverlays();
if (typeof _PAGES[_current_pages][1].bg !== "undefined") {
var pr = _PAGES[_current_pages][1];
_$page_right
.css({'background-image': "url("+_bgs_prefix+pr.bg+")"})
.removeClass(pageClassToRemove)
.addClass('page-'+pr.page);
}else{
_$page_right.css({'background-image': "none"});
}
// updatePagesOverlays();
};
function pageClassToRemove(){