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.