https://wiki.stephanschlegel.de/index.php?action=history&feed=atom&title=Jquery-parallax 2026-05-06T20:48:11Z Versionsgeschichte dieser Seite in Wikizone MediaWiki 1.35.14 https://wiki.stephanschlegel.de/index.php?title=Jquery-parallax&diff=22312&oldid=prev 2017-05-15T15:26:20Z

<p>Die Seite wurde neu angelegt: „== Anwendung == parallax(xpos,speed,outerHeight) //xpos = Background-Position in x Richtung 50% für mittig // speed 0 = keine Bewegung des Hintergrunds &lt;s…“</p> <p><b>Neue Seite</b></p><div>== Anwendung ==<br /> parallax(xpos,speed,outerHeight)<br /> //xpos = Background-Position in x Richtung 50% für mittig<br /> // speed 0 = keine Bewegung des Hintergrunds<br /> <br /> &lt;syntaxhighlight lang=&quot;javascript&quot;&gt;<br /> $(document).ready(function(){<br /> $(&#039;.parallax&#039;).parallax(&quot;50%&quot;, 0.3);<br /> });<br /> &lt;/syntaxhighlight&gt;<br /> <br /> ==jquery-parallax.js==<br /> &lt;syntaxhighlight lang=&quot;javascript&quot;&gt;<br /> /*<br /> Plugin: jQuery Parallax<br /> Version 1.1.3<br /> Author: Ian Lunn<br /> Twitter: @IanLunn<br /> Author URL: http://www.ianlunn.co.uk/<br /> Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/<br /> <br /> Dual licensed under the MIT and GPL licenses:<br /> http://www.opensource.org/licenses/mit-license.php<br /> http://www.gnu.org/licenses/gpl.html<br /> */<br /> <br /> (function( $ ){<br /> var $window = $(window);<br /> var windowHeight = $window.height();<br /> <br /> $window.resize(function () {<br /> windowHeight = $window.height();<br /> });<br /> <br /> $.fn.parallax = function(xpos, speedFactor, outerHeight) {<br /> var $this = $(this);<br /> var getHeight;<br /> var firstTop;<br /> var paddingTop = 0;<br /> <br /> //get the starting position of each element to have parallax applied to it <br /> $this.each(function(){<br /> firstTop = $this.offset().top;<br /> });<br /> <br /> if (outerHeight) {<br /> getHeight = function(jqo) {<br /> return jqo.outerHeight(true);<br /> };<br /> } else {<br /> getHeight = function(jqo) {<br /> return jqo.height();<br /> };<br /> }<br /> <br /> // setup defaults if arguments aren&#039;t specified<br /> if (arguments.length &lt; 1 || xpos === null) xpos = &quot;50%&quot;;<br /> if (arguments.length &lt; 2 || speedFactor === null) speedFactor = 0.1;<br /> if (arguments.length &lt; 3 || outerHeight === null) outerHeight = true;<br /> <br /> // function to be called whenever the window is scrolled or resized<br /> function update(){<br /> var pos = $window.scrollTop(); <br /> <br /> $this.each(function(){<br /> var $element = $(this);<br /> var top = $element.offset().top;<br /> var height = getHeight($element);<br /> <br /> // Check if totally above or totally below viewport<br /> if (top + height &lt; pos || top &gt; pos + windowHeight) {<br /> return;<br /> }<br /> <br /> $this.css(&#039;backgroundPosition&#039;, xpos + &quot; &quot; + Math.round((firstTop - pos) * speedFactor) + &quot;px&quot;);<br /> });<br /> } <br /> <br /> $window.bind(&#039;scroll&#039;, update).resize(update);<br /> update();<br /> };<br /> })(jQuery);<br /> &lt;/syntaxhighlight&gt;</div>

37.49.32.84