回答編集履歴
5
カラム幅の調整が効くように編集
answer
CHANGED
|
@@ -23,19 +23,21 @@
|
|
|
23
23
|
<script>
|
|
24
24
|
var iW = 300; // 任意の大きさ、itemWidthという変数が既に定義されていたので便宜上iW
|
|
25
25
|
var iH = 369; // 任意の大きさ、iHについては同上
|
|
26
|
+
var mg = 20; // 任意の大きさ
|
|
26
27
|
|
|
27
28
|
$(".item_image").css({
|
|
28
29
|
width: iW+"px",
|
|
29
|
-
height: iH+"px"
|
|
30
|
+
height: iH+"px",
|
|
31
|
+
margin: "0px "+mg+"px"
|
|
30
32
|
});
|
|
31
33
|
$(".item_name , .item_price").css({
|
|
32
|
-
|
|
34
|
+
"font-size": "32px" // 任意の大きさ
|
|
33
35
|
});
|
|
34
36
|
$('.carouselInner_app_3_0').flexslider({
|
|
35
37
|
animation: "slide",
|
|
36
38
|
direction: "horizontal",
|
|
37
39
|
animationLoop: false,
|
|
38
|
-
itemWidth: iW,
|
|
40
|
+
itemWidth: iW+2*mg,
|
|
39
41
|
itemMargin: 20,
|
|
40
42
|
slideshow: false,
|
|
41
43
|
slideshowSpeed:0,
|
4
コードの一部変更
answer
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
var iW = 300; // 任意の大きさ、itemWidthという変数が既に定義されていたので便宜上iW
|
|
25
25
|
var iH = 369; // 任意の大きさ、iHについては同上
|
|
26
26
|
|
|
27
|
-
$(".item_image
|
|
27
|
+
$(".item_image").css({
|
|
28
28
|
width: iW+"px",
|
|
29
29
|
height: iH+"px"
|
|
30
30
|
});
|
3
修正案の追記
answer
CHANGED
|
@@ -15,4 +15,36 @@
|
|
|
15
15
|
|
|
16
16
|
`100px`や`32px`はご自身の好きなサイズに変更してください。
|
|
17
17
|
|
|
18
|
-
あとあまり正攻法ではない気もします。もしありましたらですが、イージーマイショップの質問フォーム等で聞いてみる方が確実かもしれません。
|
|
18
|
+
あとあまり正攻法ではない気もします。もしありましたらですが、イージーマイショップの質問フォーム等で聞いてみる方が確実かもしれません。
|
|
19
|
+
|
|
20
|
+
##修正案
|
|
21
|
+
|
|
22
|
+
```lang-html
|
|
23
|
+
<script>
|
|
24
|
+
var iW = 300; // 任意の大きさ、itemWidthという変数が既に定義されていたので便宜上iW
|
|
25
|
+
var iH = 369; // 任意の大きさ、iHについては同上
|
|
26
|
+
|
|
27
|
+
$(".item_image , .item_image_block").css({
|
|
28
|
+
width: iW+"px",
|
|
29
|
+
height: iH+"px"
|
|
30
|
+
});
|
|
31
|
+
$(".item_name , .item_price").css({
|
|
32
|
+
'font-size': '32px' // 任意の大きさ
|
|
33
|
+
});
|
|
34
|
+
$('.carouselInner_app_3_0').flexslider({
|
|
35
|
+
animation: "slide",
|
|
36
|
+
direction: "horizontal",
|
|
37
|
+
animationLoop: false,
|
|
38
|
+
itemWidth: iW,
|
|
39
|
+
itemMargin: 20,
|
|
40
|
+
slideshow: false,
|
|
41
|
+
slideshowSpeed:0,
|
|
42
|
+
controlNav:false,
|
|
43
|
+
start:function(){
|
|
44
|
+
$('.carouselInner_app_3_0 .flex-viewport').css('overflow','visible');
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
</script>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
同じ場所に貼付けてください。m(_ _)m
|
2
文中コードを明示
answer
CHANGED
|
@@ -13,6 +13,6 @@
|
|
|
13
13
|
```
|
|
14
14
|
こっちの環境ではうまくいきましたが、本番環境でうまく行くかはちょっと自信が無いです。
|
|
15
15
|
|
|
16
|
-
100pxや32pxはご自身の好きなサイズに変更してください。
|
|
16
|
+
`100px`や`32px`はご自身の好きなサイズに変更してください。
|
|
17
17
|
|
|
18
18
|
あとあまり正攻法ではない気もします。もしありましたらですが、イージーマイショップの質問フォーム等で聞いてみる方が確実かもしれません。
|
1
曖昧さ回避
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
以下のコードを載せていただいたコードの下に付け足してみてください。m(_ _)m
|
|
1
|
+
以下のコードを最初に質問文に載せていただいたコードの下に付け足してみてください。m(_ _)m
|
|
2
2
|
|
|
3
3
|
```lang-html
|
|
4
4
|
<script>
|