Title: FlexSlider "digitalraindrops"
Last modified: August 20, 2016

---

# FlexSlider "digitalraindrops"

 *  [smile-a-byte](https://wordpress.org/support/users/smile-a-byte/)
 * (@smile-a-byte)
 * [13 years, 12 months ago](https://wordpress.org/support/topic/flexslider-digitalraindrops/)
 * Hello … this is my first post and I’m german so sry for bad english.
 * well I have a question regarding the flexslider in the digitalraindrops-childtheme.
   I want to insert a “loader image” … which is shown until the slider images are
   loaded.
 * I can easily insert the following into the “flexslider.css”
    `.flexslider {min-
   height: 500px; background: #fff url(theme/loading.gif) no-repeat center center;}`
   but than the loading.gif is also shown on every slide. 🙁
 * Than I’ve found another solution which (so it seems) get rid of this problem …
   but for hell I can’t implement that in the child-theme. 🙁
 * So hopefully somebody out there could help me!
 * Think I have to integrate the following code
 *     ```
       start: function(slider) {
                               slider.removeClass('loading');
       }
       ```
   
 * somehow into this code
 *     ```
       if( $dr_slider_settings['main_slider'] || $dr_slider_settings['widget_slider'] ) {
       		echo "\n" ."\t" .'<script type="text/javascript">
       		jQuery(window).load(function() { ';
       			if( $dr_slider_settings['main_slider'] ){
       				echo "\n" ."\t" ."\t" ."\t" .'jQuery(\'.flexslider\').flexslider({';
       ```
   
 * but there is so much “if” and jquery and grrrr I don’t get it. 🙁
 * Also have to create a new <div class> and put some css but that’s
    not the problem.

The topic ‘FlexSlider "digitalraindrops"’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [smile-a-byte](https://wordpress.org/support/users/smile-a-byte/)
 * Last activity: [13 years, 12 months ago](https://wordpress.org/support/topic/flexslider-digitalraindrops/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics