質問編集履歴
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -157,3 +157,65 @@
|
|
|
157
157
|
WP Multibyte Patch
|
|
158
158
|
|
|
159
159
|
XML Sitemaps
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
### 追記
|
|
164
|
+
|
|
165
|
+
下記が検証ツールを使用してそれぞれのHTMLを検証した際の差異部分です。
|
|
166
|
+
|
|
167
|
+
正常に動作しているDEMOは文節が１つ多いようです。
|
|
168
|
+
|
|
169
|
+
【テストに存在しないテキスト】
|
|
170
|
+
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
<div style="position: absolute; top: 35px; right: 5px; width: 25px; height: 25px; z-index: 101; cursor: pointer; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/loupe.svg") 50% 50% / cover no-repeat;"></div>
|
|
174
|
+
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
◆cloudimage-360より下層部分
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
DEMO
|
|
186
|
+
|
|
187
|
+
```
|
|
188
|
+
|
|
189
|
+
<div class="cloudimage-360 initialized" data-folder="https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/demo/chair-360-36/" data-filename="chair_{index}.jpg?v1" data-amount="36" data-magnifier="3" data-full-screen="" draggable="false" style="position: relative; width: 100%; cursor: grab;">
|
|
190
|
+
|
|
191
|
+
<div class="cloudimage-inner-box"><canvas width="802" style="width: 802px; font-size: 0px; height: 802px;" height="802"></canvas>
|
|
192
|
+
|
|
193
|
+
<div style="position: absolute; inset: 0px; width: 100px; height: 100px; margin: auto; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/360_view.svg") 50% 50% / contain no-repeat rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px; transition: all 0.5s ease 0s; color: rgb(80, 80, 80); text-align: center; line-height: 100px; z-index: 2;"></div>
|
|
194
|
+
|
|
195
|
+
<div style="position: absolute; top: 35px; right: 5px; width: 25px; height: 25px; z-index: 101; cursor: pointer; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/loupe.svg") 50% 50% / cover no-repeat;"></div>
|
|
196
|
+
|
|
197
|
+
<div style="position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; z-index: 101; cursor: pointer; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/full_screen.svg") 50% 50% / cover no-repeat;"></div>
|
|
198
|
+
|
|
199
|
+
</div>
|
|
200
|
+
|
|
201
|
+
</div>
|
|
202
|
+
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
テストページ
|
|
206
|
+
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
<div class="cloudimage-360 initialized" data-folder="https://pomnit.wp.xdomain.jp/wp-content/uploads/2021/07/" data-filename="sofa_{index}.jpg?v1" data-amount="36" data-full-screen="" draggable="false" style="position: relative; width: 100%; cursor: grab;">
|
|
210
|
+
|
|
211
|
+
<div class="cloudimage-inner-box"><canvas width="802" style="width: 802px; font-size: 0px; height: 802px;" height="802"></canvas>
|
|
212
|
+
|
|
213
|
+
<div style="position: absolute; inset: 0px; width: 100px; height: 100px; margin: auto; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/360_view.svg") 50% 50% / contain no-repeat rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px; transition: all 0.5s ease 0s; color: rgb(80, 80, 80); text-align: center; line-height: 100px; z-index: 2;"></div>
|
|
214
|
+
|
|
215
|
+
<div style="position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; z-index: 101; cursor: pointer; background: url("https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/filerobot/js-cloudimage-360-view/full_screen.svg") 50% 50% / cover no-repeat;"></div>
|
|
216
|
+
|
|
217
|
+
</div>
|
|
218
|
+
|
|
219
|
+
</div>
|
|
220
|
+
|
|
221
|
+
```
|