xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add parallax horizontal and vertical properties to enable non-calculated parallax offsets

Browse Source
This commit is contained in:
Luke Karrys
2013-11-29 10:57:26 -07:00
parent 3d2549d4f4
commit 0605ab13df
2 changed files with 37 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
js/reveal.js
View File

@ -107,6 +107,10 @@ var Reveal = (function(){
// Parallax background size
parallaxBackgroundSize: '', // CSS syntax, e.g. "3000px 2000px"
// Amount to move parallax background (horizontal and vertical) on slide change
parallaxBackgroundHorizontal: '', // Number, e.g. 100
parallaxBackgroundVertical: '', // Number, e.g. 10
// Number of slides away from the current that are visible
viewDistance: 3,
@ -2026,13 +2030,29 @@ var Reveal = (function(){
backgroundHeight = parseInt( backgroundSize[1], 10 );
}
var slideWidth = dom.background.offsetWidth;
var horizontalSlideCount = horizontalSlides.length;
var horizontalOffset = -( backgroundWidth - slideWidth ) / ( horizontalSlideCount-1 ) * indexh;
var slideWidth = dom.background.offsetWidth,
horizontalSlideCount = horizontalSlides.length,
horizontalOffsetMultiplier, horizontalOffset;
var slideHeight = dom.background.offsetHeight;
var verticalSlideCount = verticalSlides.length;
var verticalOffset = verticalSlideCount > 0 ? -( backgroundHeight - slideHeight ) / ( verticalSlideCount-1 ) * indexv : 0;
if (typeof config.parallaxBackgroundHorizontal === 'number') {
horizontalOffsetMultiplier = config.parallaxBackgroundHorizontal;
} else {
horizontalOffsetMultiplier = ( backgroundWidth - slideWidth ) / ( horizontalSlideCount-1 );
}
horizontalOffset = horizontalOffsetMultiplier * indexh * -1;
var slideHeight = dom.background.offsetHeight,
verticalSlideCount = verticalSlides.length,
verticalOffsetMultiplier, verticalOffset;
if (typeof config.parallaxBackgroundVertical === 'number') {
verticalOffsetMultiplier = config.parallaxBackgroundVertical;
} else {
verticalOffsetMultiplier = ( backgroundHeight - slideHeight ) / ( verticalSlideCount-1 );
}
verticalOffset = verticalSlideCount > 0 ? verticalOffsetMultiplier * indexv * -1 : 0;
dom.background.style.backgroundPosition = horizontalOffset + 'px ' + verticalOffset + 'px';