http://www.kriesi.at/support/topic/trying-to-add-fade-in-and-button-slide-animation Support Forum - Topic: Trying to Add Fade In and Button Slide Animation en-US Thu, 23 May 2013 12:09:11 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/trying-to-add-fade-in-and-button-slide-animation#post-95328 Tue, 05 Feb 2013 17:52:00 +0000 Nick 95328@http://www.kriesi.at/support/ <p>Hi,</p> <p>Glad you were able to solve this. For CSS edits, its best to use Chrome Developer Tools which is a free Chrome plugin.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/trying-to-add-fade-in-and-button-slide-animation#post-95128 Mon, 04 Feb 2013 20:21:38 +0000 larssonk22 95128@http://www.kriesi.at/support/ <p>I've managed to resolve the sliding buttons using some CSS3. </p> http://www.kriesi.at/support/topic/trying-to-add-fade-in-and-button-slide-animation#post-95067 Mon, 04 Feb 2013 17:13:18 +0000 larssonk22 95067@http://www.kriesi.at/support/ <p>I am having trouble getting the following scripts to work with flashlight (I've tested them on other themes and html and they all work) </p> <p>The first script is to apply a fade in animation on the front page elements<br /> <pre><code>&lt;script&gt; window.onload = function() {$(&#39;.home img&#39;).hide().fadeIn(2500);}; &lt;/script&gt; &lt;script&gt; $(document).ready (function(){ {$(&#39;h2,h1,.menu,.footer,h3&#39;).hide().fadeIn(4500);}; //initialize after images are loaded }); &lt;/script&gt;</code></pre> <p>The second script is to apply a slide in and out animation to the slideshow buttons<br /> <pre><code>&lt;script&gt; $(document).ready(function() { $(&quot;.ctrl_back&quot;).mouseover(function(){ $(&quot;.ctrl_back&quot;).animate({left:&quot;100px&quot;}); }); $(&quot;.ctrl_back&quot;).mouseout(function(){ $(&quot;.ctrl_back&quot;).animate({left:&quot;0px&quot;}); }); }); &lt;/script&gt; &lt;script&gt; $(document).ready(function() { $(&quot;.ctrl_fwd&quot;).mouseover(function(){ $(&quot;.ctrl_fwd&quot;).animate({right:&quot;100px&quot;}); }); $(&quot;.ctrl_fwd&quot;).mouseout(function(){ $(&quot;.ctrl_fwd&quot;).animate({right:&quot;0px&quot;}); }); }); &lt;/script&gt;</code></pre>