flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-29 11:10:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added transform switching...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-14 08:02:07 +04:00
parent 0daed0a12d
commit 610f80315c
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -852,13 +852,21 @@ $(document).ready(function(){
<button id="DRAG_FULL_PAGE" onclick="toggleSetting(this)"></button>
</td>
</tr>
<tr>
<!--tr>
<td>
Toggle viewer animation (affects transition to and from full page view):
</td>
<td>
<button id="viewer_transition_state" onclick="toggleViewerAnimation()"></button>
</td>
</tr-->
<tr>
<td>
Use transform to drag:
</td>
<td>
<button id="USE_TRANSFORM" onclick="toggleSetting(this); setCurrentPage()"></button>
</td>
</tr>
<tr>
<td>
@ -975,6 +983,7 @@ $(document).ready(function(){
USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false
UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false
FULL_HISTORY_ENABLED = $('#FULL_HISTORY_ENABLED').text() == 'true' ? true : false
USE_TRANSFORM = $('#USE_TRANSFORM').text() == 'true' ? true : false
}
function loadSettings(){
@ -986,6 +995,7 @@ $(document).ready(function(){
$('#USE_REAL_PAGE_SIZES').text(USE_REAL_PAGE_SIZES)
$('#UPDATE_HASH_URL_POSITION').text(UPDATE_HASH_URL_POSITION)
$('#FULL_HISTORY_ENABLED').text(FULL_HISTORY_ENABLED)
$('#USE_TRANSFORM').text(USE_TRANSFORM)
$('#theme_toggler').text(toggleThemes('?'))
$('#theme_shadow_toggler').text(toggleShadows('?'))

13
magazine.js
View File

@ -223,12 +223,23 @@ function shiftMagazineTo(offset){
'-moz-transform' : transform,
'-o-transform' : transform,
'transform' : transform,
// XXX can we avoid this here??
left: 0,
})
} else {
var transform = 'translate(0px, 0px) translateZ(0px)'
mag.css({
// NOTE: this will be wrong during a transition, that's why we
// can pass the pre-calculated offset as an argument...
left: offset
left: offset,
// XXX can we avoid this here??
'-ms-transform' : transform,
'-webkit-transform' : transform,
'-moz-transform' : transform,
'-o-transform' : transform,
'transform' : transform,
})
}
}