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/dist/main.min.js
Vendored
+9 -1
View File
@@ -1,3 +1,11 @@
$(document).ready(function(){console.log("ready");var _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/";function init(){console.log("init",_PAGES[0].bg);initkeyboard();changePages();};function nextPages(){if(_current_pages<_PAGES.length-2){_current_pages+=2;changePages();}};function prevPages(){if(_current_pages>-1){_current_pages-=2;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);_$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));updatePagesOverlays();};function pageClassToRemove(){var c=$(this).attr('class').match(/page-+\d+/);if(c&&c.length)
$(document).ready(function(){console.log("ready");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');function init(){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;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;}
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);}
function nextPages(){if(_current_pages<_PAGES.length-1){_current_pages+=1;changePages();}};function prevPages(){if(_current_pages>0){_current_pages-=1;changePages();}};function changePages(){console.log("changePages",_current_pages);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"});}
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"});}};function pageClassToRemove(){var c=$(this).attr('class').match(/page-+\d+/);if(c&&c.length)
return c[0];};function updatePagesOverlays(){console.log("updatePagesOverlays");$('.overlay, .maps',_$page_left).children().remove();$('.overlay, .maps',_$page_right).children().remove();console.log("Overlays",_PAGES[_current_pages].overlays);for(var map in _PAGES[_current_pages].overlays){if(_PAGES[_current_pages].overlays.hasOwnProperty(map)){map=_PAGES[_current_pages].overlays[map];console.log("Map",map);_$maps_left.append($('<div>').addClass("map").attr('overlay',map.over).css({"left":map.x,"top":map.y,"width":map.w,"height":map.h}).bind("mouseover",function(e){$(this).parents('.page').find('.overlay').css({'background-image':'url(images/vectos/'+$(this).attr('overlay')+')'});}));}}};function initkeyboard(){keyboardJS.bind('right',function(event){nextPages();});keyboardJS.bind('left',function(event){prevPages();});};init();});
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(){
js/pages.json
+271 -151
View File
@@ -1,153 +1,273 @@
var _PAGES=[
{
"bg":"",
"overlays":[]
},
{
"bg":"00_1couv.jpeg",
"overlays":[]
},
{
"bg":"00_1couvV.jpeg",
"overlays":[]
},
{
"bg":"01_anan.jpeg",
"overlays":[]
},
{
"bg":"02_TH.jpeg",
"overlays":[]
},
{
"bg":"03_ologyOf.jpeg",
"overlays":[]
},
{
"bg":"04_chance.jpeg",
"overlays":[]
},
{
"bg":"05_Stories.jpeg",
"overlays":[]
},
{
"bg":"06_byGeorge.jpeg",
"overlays":[]
},
{
"bg":"07_Copyright.jpeg",
"overlays":[]
},
{
"bg":"08_Brecht.jpeg",
"overlays":[
{"x":0,"y":0,"w":200,"h":200,"over":"04_chance-RB.svg"},
{"x":400,"y":400,"w":100,"h":100,"over":"04_chance-RB.svg"}
]
},
{
"bg":"100_Williams.jpeg",
"overlays":[]
},
{
"bg":"104_Wolff.jpeg",
"overlays":[]
},
{
"bg":"108_Young.jpeg",
"overlays":[]
},
{
"bg":"110_StraightLine.jpeg",
"overlays":[]
},
{
"bg":"112_Portrait?.jpeg",
"overlays":[]
},
{
"bg":"113_4couv.jpeg",
"overlays":[]
},
{
"bg":"114_4couv.jpeg",
"overlays":[]
},
{
"bg":"12_Bremer.jpeg",
"overlays":[]
},
{
"bg":"14_Brown.jpeg",
"overlays":[]
},
{
"bg":"23_Byrd.jpeg",
"overlays":[]
},
{
"bg":"26_Cage.jpeg",
"overlays":[]
},
{
"bg":"28_deMaria.jpeg",
"overlays":[]
},
{
"bg":"32_Flynt.jpeg",
"overlays":[]
},
{
"bg":"37_Ono.jpeg",
"overlays":[]
},
{
"bg":"39_HIggins.jpeg",
"overlays":[]
},
{
"bg":"41_Ichiyanagi.jpeg",
"overlays":[]
},
{
"bg":"45_Jennings.jpeg",
"overlays":[]
},
{
"bg":"48_Dennis.jpeg",
"overlays":[]
},
{
"bg":"54_DingDong.jpeg",
"overlays":[]
},
{
"bg":"56_Johnson.jpeg",
"overlays":[]
},
{
"bg":"58_MacLow.jpeg",
"overlays":[]
},
{
"bg":"79_Maxfield.jpeg",
"overlays":[]
},
{
"bg":"90_Simone.jpeg",
"overlays":[]
},
{
"bg":"92_Paik.jpeg",
"overlays":[]
},
{
"bg":"94_Riley.jpeg",
"overlays":[]
},
{
"bg":"99_Rot.jpeg",
"overlays":[]
}
[
{"active":false},
{
"page":0,
"bg":"00_1couv.jpeg",
"overlays":[]
}
],
[
{
"page":1,
"bg":"00_1couvV.jpeg",
"overlays":[]
},
{
"page":2,
"bg":"01_anan.jpeg",
"overlays":[]
}
],
[
{
"page":3,
"bg":"02_TH.jpeg",
"overlays":[]
},
{
"page":4,
"bg":"03_ologyOf.jpeg",
"overlays":[]
}
],
[
{
"page":5,
"bg":"04_chance.jpeg",
"overlays":[]
},
{
"page":6,
"bg":"05_Stories.jpeg",
"overlays":[]
}
],
[
{
"page":7,
"bg":"06_byGeorge.jpeg",
"overlays":[]
},
{
"page":8,
"bg":"07_Copyright.jpeg",
"overlays":[]
}
],
[
{
"page":9,
"bg":"08_Brecht.jpeg",
"overlays":[
{"x":0,"y":0,"w":200,"h":200,"over":"04_chance-RB.svg"},
{"x":400,"y":400,"w":100,"h":100,"over":"04_chance-RB.svg"}
]
},
{"active":false}
],
[
{
"page":13,
"bg":"12_Bremer.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":15,
"bg":"14_Brown.jpeg",
"overlays":[]
},
{"active":false}
],
[
{"active":false},
{
"page":24,
"bg":"23_Byrd.jpeg",
"overlays":[]
}
],
[
{
"page":27,
"bg":"26_Cage.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":29,
"bg":"28_deMaria.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":33,
"bg":"32_Flynt.jpeg",
"overlays":[]
},
{"active":false}
],
[
{"active":false},
{
"page":38,
"bg":"37_Ono.jpeg",
"overlays":[]
}
],
[
{"active":false},
{
"page":40,
"bg":"39_HIggins.jpeg",
"overlays":[]
}
],
[
{"active":false},
{
"page":42,
"bg":"41_Ichiyanagi.jpeg",
"overlays":[]
}
],
[
{"active":false},
{
"page":46,
"bg":"45_Jennings.jpeg",
"overlays":[]
}
],
[
{
"page":49,
"bg":"48_Dennis.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":55,
"bg":"54_DingDong.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":57,
"bg":"56_Johnson.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":59,
"bg":"58_MacLow.jpeg",
"overlays":[]
},
{"active":false}
],
[
{"active":false},
{
"page":80,
"bg":"79_Maxfield.jpeg",
"overlays":[]
}
],
[
{
"page":91,
"bg":"90_Simone.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":93,
"bg":"92_Paik.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":95,
"bg":"94_Riley.jpeg",
"overlays":[]
},
{"active":false}
],
[
{"active":false},
{
"page":100,
"bg":"99_Rot.jpeg",
"overlays":[]
}
],
[
{
"page":101,
"bg":"100_Williams.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":105,
"bg":"104_Wolff.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":109,
"bg":"108_Young.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":111,
"bg":"110_StraightLine.jpeg",
"overlays":[]
},
{"active":false}
],
[
{
"page":113,
"bg":"112_Portrait?.jpeg",
"overlays":[]
},
{
"page":114,
"bg":"113_4couv.jpeg",
"overlays":[]
}
],
[
{
"page":115,
"bg":"114_4couv.jpeg",
"overlays":[]
},
{"active":false}
]
];
js/pages_old.json
+153
View File
@@ -0,0 +1,153 @@
var _PAGES=[
{
"bg":"",
"overlays":[]
},
{
"bg":"00_1couv.jpeg",
"overlays":[]
},
{
"bg":"00_1couvV.jpeg",
"overlays":[]
},
{
"bg":"01_anan.jpeg",
"overlays":[]
},
{
"bg":"02_TH.jpeg",
"overlays":[]
},
{
"bg":"03_ologyOf.jpeg",
"overlays":[]
},
{
"bg":"04_chance.jpeg",
"overlays":[]
},
{
"bg":"05_Stories.jpeg",
"overlays":[]
},
{
"bg":"06_byGeorge.jpeg",
"overlays":[]
},
{
"bg":"07_Copyright.jpeg",
"overlays":[]
},
{
"bg":"08_Brecht.jpeg",
"overlays":[
{"x":0,"y":0,"w":200,"h":200,"over":"04_chance-RB.svg"},
{"x":400,"y":400,"w":100,"h":100,"over":"04_chance-RB.svg"}
]
},
{
"bg":"100_Williams.jpeg",
"overlays":[]
},
{
"bg":"104_Wolff.jpeg",
"overlays":[]
},
{
"bg":"108_Young.jpeg",
"overlays":[]
},
{
"bg":"110_StraightLine.jpeg",
"overlays":[]
},
{
"bg":"112_Portrait?.jpeg",
"overlays":[]
},
{
"bg":"113_4couv.jpeg",
"overlays":[]
},
{
"bg":"114_4couv.jpeg",
"overlays":[]
},
{
"bg":"12_Bremer.jpeg",
"overlays":[]
},
{
"bg":"14_Brown.jpeg",
"overlays":[]
},
{
"bg":"23_Byrd.jpeg",
"overlays":[]
},
{
"bg":"26_Cage.jpeg",
"overlays":[]
},
{
"bg":"28_deMaria.jpeg",
"overlays":[]
},
{
"bg":"32_Flynt.jpeg",
"overlays":[]
},
{
"bg":"37_Ono.jpeg",
"overlays":[]
},
{
"bg":"39_HIggins.jpeg",
"overlays":[]
},
{
"bg":"41_Ichiyanagi.jpeg",
"overlays":[]
},
{
"bg":"45_Jennings.jpeg",
"overlays":[]
},
{
"bg":"48_Dennis.jpeg",
"overlays":[]
},
{
"bg":"54_DingDong.jpeg",
"overlays":[]
},
{
"bg":"56_Johnson.jpeg",
"overlays":[]
},
{
"bg":"58_MacLow.jpeg",
"overlays":[]
},
{
"bg":"79_Maxfield.jpeg",
"overlays":[]
},
{
"bg":"90_Simone.jpeg",
"overlays":[]
},
{
"bg":"92_Paik.jpeg",
"overlays":[]
},
{
"bg":"94_Riley.jpeg",
"overlays":[]
},
{
"bg":"99_Rot.jpeg",
"overlays":[]
}
];