質問編集履歴
1
タグを囲みました。宜しくお願い致します。心を入れ換えて返信致します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
html5&css3にてパララックス効果はついたものの、
|
|
2
|
-
|
|
3
|
-
<script src="https://
|
|
4
|
-
<script src="https://
|
|
5
|
-
<script>
|
|
6
|
-
|
|
7
|
-
jQuery('.img-holder').imageScroll({
|
|
8
|
-
|
|
9
|
-
touch: touch, container: jQuery('.main_0'),mediaWidth: 1920,mediaHeight: 1280
|
|
10
|
-
});
|
|
11
|
-
</script>
|
|
12
|
-
<div class="main_0">
|
|
2
|
+
``````
|
|
3
|
+
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
|
|
4
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
|
|
5
|
+
<script src="https://rawgithub.com/pederan/Parallax-ImageScroll/master/jquery.imageScroll.min.js"></script>
|
|
6
|
+
<script>
|
|
7
|
+
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>
|
|
8
|
+
<div class="main_0">
|
|
13
9
|
<div class="img-holder" data-image="img/seminar.jpg" data-image-mobile="img/seminar_1.jpg" data-width="1920" data-height="1280"></div></div>
|
|
10
|
+
```
|
|
11
|
+
wordpressでは画像が表示されなくなりました。
|
|
14
12
|
|
|
13
|
+
|
|
15
|
-
|
|
14
|
+
```
|
|
16
15
|
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
|
|
17
16
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
|
|
18
17
|
<script src="https://rawgithub.com/pederan/Parallax-ImageScroll/master/jquery.imageScroll.min.js"></script>
|
|
@@ -27,7 +26,7 @@
|
|
|
27
26
|
<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>
|
|
28
27
|
|
|
29
28
|
functions.phpにて
|
|
30
|
-
|
|
29
|
+
---
|
|
31
30
|
<?php
|
|
32
31
|
|
|
33
32
|
function my_scripts() {
|
|
@@ -40,12 +39,19 @@
|
|
|
40
39
|
wp_enqueue_script( 'parallax02', get_template_directory_uri() . '/js/parallax02.js.js', array('motion','modern','parallax0'), null);
|
|
41
40
|
}
|
|
42
41
|
add_action( 'wp_footer', 'my_scripts' );
|
|
42
|
+
```
|
|
43
43
|
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
44
47
|
としたところ、画像が出てこなくなりました。「img/seminar.jpg」と短くする
|
|
45
|
-
|
|
48
|
+
```
|
|
46
49
|
function imagepassshort($arg) {
|
|
47
50
|
$content = str_replace('"img/', '"' . get_bloginfo('template_directory') . '/img/', $arg);
|
|
48
51
|
return $content;
|
|
49
52
|
}
|
|
50
53
|
add_action('the_content', 'imagepassshort');
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
|
|
51
57
|
も試しましたが、画像が出て来ませんでした。どなたかご教授をお願い致します。
|