data-imageのdata属性をWordpressでは適用されない

html5&css3にてパララックス効果はついたものの、

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> 
<script src="https://rawgithub.com/pederan/Parallax-ImageScroll/master/jquery.imageScroll.min.js"></script> 
<script> 
var touch = Modernizr.touch; jQuery('.img-holder').imageScroll({ imageAttribute: (touch === true) ? 'image-mobile' : 'image', touch: touch, container: jQuery('.main_0'),mediaWidth: 1920,mediaHeight: 1280 }); </script> 
<div class="main_0"> 
<div class="img-holder" data-image="img/seminar.jpg" data-image-mobile="img/seminar_1.jpg" data-width="1920" data-height="1280"></div></div>
```
wordpressでは画像が表示されなくなりました。


```
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
<script src="https://rawgithub.com/pederan/Parallax-ImageScroll/master/jquery.imageScroll.min.js"></script>
<script>
var touch = Modernizr.touch;
jQuery('.img-holder').imageScroll({
  imageAttribute: (touch === true) ? 'image-mobile' : 'image',
  touch: touch, container: jQuery('.main_0'),mediaWidth: 1920,mediaHeight: 1280
});
</script>
<div class="main_0">
<div class="img-holder" data-image="<?php echo get_template_directory_uri(); ?>/img/seminar.jpg" data-image-mobile="<?php echo get_template_directory_uri(); ?>/img/seminar_1.jpg" data-width="1920" data-height="1280"></div></div>

functions.phpにて
---
<?php 

function my_scripts() {
    wp_deregister_script('jquery');

    wp_enqueue_script('motion', 'https://code.jquery.com/jquery-1.10.1.min.js', array(), '1.10.1');
    wp_enqueue_script('scroll', 'https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.min.js', array(), '1.4.4');
    wp_enqueue_script( 'modern', 'https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js', array(), '2.8.3');
   wp_enqueue_script( 'parallax0', 'https://rawgithub.com/pederan/Parallax-ImageScroll/master/jquery.imageScroll.min.js', array(), null);
    wp_enqueue_script( 'parallax02', get_template_directory_uri() . '/js/parallax02.js.js', array('motion','modern','parallax0'), null);
}
add_action( 'wp_footer', 'my_scripts' );
```




としたところ、画像が出てこなくなりました。「img/seminar.jpg」と短くする
```
function imagepassshort($arg) {
$content = str_replace('"img/', '"' . get_bloginfo('template_directory') . '/img/', $arg);
return $content;
}
add_action('the_content', 'imagepassshort');
```


も試しましたが、画像が出て来ませんでした。どなたかご教授をお願い致します。