Title: Crossfading
Last modified: September 1, 2016

---

# Crossfading

 *  Resolved [curlybracket](https://wordpress.org/support/users/veganist/)
 * (@veganist)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/crossfading/)
 * Hi,
 * thanks for this great plugin!
 * I’ve modified it a bit in order to crossfade images and wanted to share this 
   with you. In public/class-background-slider-master-public.php I’ve replaced:
 *     ```
       function BackgroundLoad($this,imageWidth,imageHeight,imgSrc){
             $this.fadeOut("fast",function(){
                $this.attr("src", "").attr("src", imgSrc); //change image source
                FullScreenBackground($this,imageWidth,imageHeight); //scale background image
                $preloader.fadeOut("fast",function(){$this.fadeIn("slow");});
       ```
   
 * by
 *     ```
       function BackgroundLoad($this,imageWidth,imageHeight,imgSrc){
             var $clone = $this.clone().addClass('clone').prependTo('#bsm-bg');
             $this.fadeOut("slow",function(){
                $this.attr("src", "").attr("src", imgSrc); //change image source
                FullScreenBackground($this,imageWidth,imageHeight); //scale background image
                $preloader.fadeOut("slow",function(){
                   $this.fadeIn("slow", function() {
                      $clone.remove();
                   });
                });
       ```
   
 * And I added the following CSS:
 *     ```
       .clone {
         position: absolute;
         top: 0;
         left: 0;
       }
       ```
   
 * Hope it helps maybe to propose such an option to users later?
 * Cheers!
 * [https://wordpress.org/plugins/background-slider-master/](https://wordpress.org/plugins/background-slider-master/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [WebSPI](https://wordpress.org/support/users/devcon1/)
 * (@devcon1)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/crossfading/#post-7621556)
 * Hello curlybracket,
 * Thanks for your contribution. I’ve added that feature to the free version along
   with some other refinements and addons. I’ve credited your ID and this thread
   in the JS comment.
 * By the way, for those who might get confused, the edit has to be made on “background-
   slider-master-public.js”
 * However, we really appreciate your support and please let us know if there is
   anything else we should consider improving.
 * Thank you!
 *  Thread Starter [curlybracket](https://wordpress.org/support/users/veganist/)
 * (@veganist)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/crossfading/#post-8395749)
 * Thank you! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Crossfading’ is closed to new replies.

 * ![](https://ps.w.org/background-slider-master/assets/icon-128x128.png?rev=1243059)
 * [Background Slider Master](https://wordpress.org/plugins/background-slider-master/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/background-slider-master/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/background-slider-master/)
 * [Active Topics](https://wordpress.org/support/plugin/background-slider-master/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/background-slider-master/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/background-slider-master/reviews/)

## Tags

 * [crossfade](https://wordpress.org/support/topic-tag/crossfade/)

 * 2 replies
 * 2 participants
 * Last reply from: [curlybracket](https://wordpress.org/support/users/veganist/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/crossfading/#post-8395749)
 * Status: resolved