Brought to you by
2BlueSolutions Creative Web Design

Thursday, June 6, 2013

WP Anything Slider

I recently added the WP Anything Slider to a Wordpress blog that I was doing development on.  The default animation options are scrolls (based on the JQuery Cycle plugin).  I wanted to add a fade animation.

Thankfully, it's pretty easy to add fade as an effect.  You can add whatever you want from the Jquery Cycle Plugin.

Just edit plugins/cycle-setting.php and search for the options list, duplicate the line with "ScrollDown" on it and then replaced the instances of ScrollDown on that line with Fade...done.

<select id="wpanything_sdirection" name="wpanything_sdirection">
            <option value=""></option>
            <option echo="" if="" php="" scrollleft="" selected="" value="scrollLeft" wpanything_sdirection_x="=">&gt;scrollLeft</option>
            <option echo="" if="" php="" scrollright="" selected="" value="scrollRight" wpanything_sdirection_x="=">&gt;scrollRight</option>
            <option echo="" if="" php="" scrollup="" selected="" value="scrollUp" wpanything_sdirection_x="=">&gt;scrollUp</option>
            <option echo="" if="" php="" scrolldown="" selected="" value="scrollDown" wpanything_sdirection_x="=">&gt;scrollDown</option>
            <option echo="" fade="" if="" php="" selected="" value="fade" wpanything_sdirection_x="=">&gt;Fade</option>
          </select>
Now, when you go to the options page for the plugin, you will be able to select Fade as an animation option.