Q&A
同じ質問をされたとしてこれで情報が十分足りてると思いますか？
Wordpressで新しいWebサイトを構築しています。
スマホライクなデザインにしたいので、スマホデザインを重視しています。
そこで、スライドショーを作ってスマホでフリック操作で画像が切り替わるのを作りたいのですが、pcではうまく動くのに、スマホだとなぜか写真の間に空白の1枚が入ってしまって、うまく動きません。
スマホの時だけできる、空白の1枚をなくすにはどうすればいいでしょうか？
html
1<h2>SCREENSHOTS</h2> 2<div id="screenshots-slider452673547" class="screenshots-slider owl-carousel"><a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/メイン画像.png"><img src="http://test/wp-content/uploads/2016/11/メイン画像.png" alt="screen" width="250" height="444" /></a> 3<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ1.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ1.png" alt="screen" width="250" height="444" /></a> 4<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ2.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ2.png" alt="screen" width="250" height="444" /></a> 5<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ3.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ3.png" alt="screen" width="250" height="444" /></a> 6<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ4.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ4.png" alt="screen" width="250" height="444" /></a> 7<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ5.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ5.png" alt="screen" width="250" height="444" /></a> 8<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ6.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ6.png" alt="screen" width="250" height="444" /></a> 9<a class="item" title="App Screen" href="http://test/wp-content/uploads/2016/11/画面キャプチャ7.png"><img src="http://test/wp-content/uploads/2016/11/画面キャプチャ7.png" alt="screen" width="250" height="444" /></a>
提示されたソースだけでは、パソコンのWebブラウザでも切り替わらないです。 回答する人が動作を検証できる情報を提供してください。
自己解決
