Skip to main content

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.

Comments

Post a Comment

Popular posts from this blog

How To Run Chrome From Within Notepad++

If you have recently tried to Run  Chrome from within Notepad++ recently, you've probably encountered the same issue I did.  Chrome didn't run. The fix is actually really simple.  Open up the Run box in Notepad++ and browse to your installation of Chrome. ie.  C:\Program Files\Google\Chrome\Application\Chrome.exe Select the file when you find it.  Now, the trick is: Put quotation marks around the path you see in the Run  box.  Now, put 1 space after the closing quotation mark. Type this: $(FULL_CURRENT_PATH) It'll look something like this: Click Run .  If Chrome opens, click Save and set your hotkey.
15 comments
 Developers - Read More...

Developer Note: Virtuemart - Editing the Add to Cart MooTool Popup

To edit the “Add To Cart” popup that appears when you add an item to a cart in Virtuemart, there are few files that you need to know about. These are the files to know \components\com_virtuemart\themes\default\theme.js \components\com_virtuemart\js\mootools\   - contains the files for editing the appearance of the popup. To edit the appearance of the box, edit \components\com_virtuemart\js\mootools\mooPrompt.css to change the styles as well as editing the 2 images in the directory to edit how they appear as well (close box and header-background)
8 comments
 Developers - Read More...

Divi Theme - Remove pause 'on hover' of the full width slider

In the Divi theme, open up /js/custom.js Comment out the following code (around line 144) if ( settings.slideshow && et_slides_number > 1 ) { $et_slider.hover( function() { $et_slider.addClass( 'et_slider_hovered' ); if ( typeof et_slider_timer != 'undefined' ) { clearInterval( et_slider_timer ); } }, function() { $et_slider.removeClass( 'et_slider_hovered' ); et_slider_auto_rotate(); } ); }
1 comment
 Developers - Read More...