TOP

画像が縦並びで不作動の場合は?

質問内容

 

はじめましてmmと申します。

 

サイトを拝見し参考にさせて頂いております。

 

シリウスにBxSliderを素早く導入設置する手順

 

書かれている通りにやってみたのですけれど、画像が縦に並ぶだけで
スライドショーになりません?

 

どうすれば正常に作動するのか分からなく不躾ではありますがメール
致しました次第です。

 

 

jquery bxslider共にアップロードはしています

 

サーバーはエックスサーバーでビジネスタイプのテンプレートのトップページ
フリースペース(メインカラム上段)にスライドショーを設置したいのですが、
ご教授頂けますでしょうか?

 

バージョンはjquery-2,1,3min.jsです

 

宜しくお願いいたします

 

 

㎜さまより


 

スポンサーリンク

 

 

 

 

ご連絡ありがとうございます。

 

ご返事が遅れて申し訳ありません...

 

当サイトの説明に手違いがあるのではと
念のために再度bxスライダーを他のサイトへ取り付ける手順を踏んで
いたので遅くなりました。

 

質問者様の状況に合わせ
jquery-2,1,3min.js採用で設定してみました

 

採用のjqueryは以下です
Download the compressed, production jQuery 2.1.3

 

 

私の場合、手馴れていることもありますが原本である当サイトの記述コードを
コピーしてURL変更

 

当サイトの手順で作業を進めました

 

jquery bxsliderファイルともにサーバーへのアップロードモ数分で完了

 

そしてプレビューで確認しましたら.....正常に反映されました

 

ビジネステンプレートで実行

 

bxsliderは、他のスライダー同様手順に従い組み込めば正常作動が
確認できます

 

不作動の場合 考えられるのは記述ミス

 

サーバーへアップするファイルの選択ミス

 

フォルダーの場所を間違えるミス

 

ですが

 

今回の質問内容では詳細が不明でどこが原因と特定できないのです

 

一つのミスがあれば不作動となるからです

 

 

画像が縦並びとは div 要素内におさめられているからの形で
スクリプトの影響なしでも表れます

 

<div id="slider">
<div><img src="http://xn--dlqu4km4d2phyo3d4qq.com/img/1airako6.jpg"></div>
<div><img src="http://xn--dlqu4km4d2phyo3d4qq.com/img/1az.png"></div>
<div><img src="http://xn--dlqu4km4d2phyo3d4qq.com/img/1airako5.jpg"></div>
<div><img src="http://xn--dlqu4km4d2phyo3d4qq.com/img/1airako5.jpg"></div>
</div>

 

div要素にはid=sliderが指定されており、スライド指定するための
原因が不足か 記載ミスをしている場合は指定読み込みができない
状態となっています

 

 

画像が縦並びになる場合は考えられることはいろいろあるのです

 

画像をスライドさせるためのどれかが一つ不足していると
手違いですと動きません

 

 

外部FTPでアップロードした場合は.....
アップ画面では作動が確認できるものの...プレビューでは不作動

 

 

シリウス機能でアップロードした場合は、プレビュー アップ画面
どちらでも正常作動

 

 

bxsliderファイルは解凍しましたか?

 

bxsliderファイル
jqueryプラグインともにpublic_htmlにいれましたか?

 

 

 

head内に記載したjqueryコードに記載ミスはないですか?

 

<script src="http://貴方のサイトURL/jquery-2.1.3.min.js"></script>
<script src="http://貴方のサイトURL//jquery.bxslider.min.js"></script>
<link href="http://貴方のサイトURL//jquery.bxslider.css" rel="stylesheet" />

 

 

htmlのbody内に以下コードを張り付けていますか

 

もしくは貼り付けの箇所に間違いはないですか?

 

<script type="text/javascript">
$(document).ready(function(){
$('#slider').bxSlider({
auto:true,
speed:1000,
mode: 'fade',
pager:false,
controls:false
});
});
</script>

 

ここです

 

ジャバスクリプトはパソコンに入ってますか?

 

 

 

と、ご返事いたしましが今回は私の意見が...予想が
当てはまりませんでした

 

 

その後質問者様から再度のご連絡がございました

 

ここから

 

メール有難う御座います、mmです。

 

当方のサイトにまでご訪問頂き、重ねてお礼を申し上げます。

 

HTMLの記載に間違いは無いというお言葉を頂きましたので、
問題点がサイト外にある可能性に目を向ける事が出来ました。

 

結果としましては、ブラウザの設定の問題でした。

 

スクリプトの実行に制限が掛かっており、命令が無効化されていました。

 

プレビューはIEで展開していたのですが、
google Chromeで見てみると正常に表示されておりました。

 

お手数をお掛け致しまして、誠に申し訳ございませんでした。

 

事態の改善に繋がりました事、また、親身になってアドバイスして頂きました事、
感謝の気持ちでいっぱいです。

 

これからも貴殿のサイトを参考に、また、楽しみに拝見させて頂きます。

 

本当に有難うございました。

 

ここまでです

 

スクリプトの実行に制限が掛かっており、命令が無効化されていました。

 

とありますが

 

ジャバスクリプトのことでしょうか?

 

制限はIEで解除できませんでしたか?

 

と思いますが.....

 

 

私の場合ですが通常はIEです

 

google Chromeはメールと翻訳機能ぐらいしか使いませんし
そんなことで知識不足を露呈してしまいました

 

どこかのサイトでは、過去の情報ですが bxsliderはIEでは動かない
などとの記事を拝見したことがありますが????

 

 

 

今回は予想外の原因があるという事例を知ることが出来
たいへん勉強になりました

 

みなさんも
参考にしてください

 

 

 

シリウスにBxSliderを導入 しかし画像が縦並びで不作動
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
トップページ

シリウスにBxSliderを導入 しかし画像が縦並びで不作動関連解説
シリウスでブログみたいなカスタマイズが可能なテンプレートは?
シリウスで他サービスでみられるようなブログレイアウトを作れるのか?可能であればいずれのテンプレートが適しているのか?
サーバー内のサイトファイル削除
シリウスで作成したサイトが不要になった際、サイトを管理画面で削除したが ファイルがサーバーに残ったままだとネット上には浮遊し続けますね ここで問題 サイトファイルを管理画面で先に削除した場合
フェイスブックを二つ運営しているときの分離投稿?
フェイスブックを二つ運営しているが、シリウスに取り付けたボタンで投稿すると一つにだけしか反映されない...二つを分離、分けて投稿できないか? という質問です....
外部依頼のシリウスTPソースSEO最適化?まれにめぐり合う障害
シリウスを所持しないSEO業者へサイトのSEO最適化を依頼した場合の不具合?まれにめぐり合う事情..の方からお問合せございまして記事追加...
シリウスデータの記事ファイルを更新したら記事が消えた?
シリウスのデータファイルを開いて記事を更新したら、其の後生成からアップしてページ確認するとすべてが消えていた?..との障害発生...解決策はサポート記事を御覧ください。
WPみたいなメニュー表示とファイル構成についての質問
WPのアーカイブみたいな表示をシリウスに適用できるか?トップURLの次はファイル名で、カテゴリーフォルダ名は表さない.....難易な質問ですね?
複合レイアウト、メニュー背景を削除したい?
3カラム、2カラムの複合個別レイアウト表示設定にしたが、メニューのグレー背景が邪魔なので削除したい...という質問です
エントリーからカテゴリへ階層異動でいいね登録数は消える
シリウスのページ階層、エントリーにいいねボタンを 置いているが、カテゴリーに上げたい、しかしファイル名が変わるといいね..指示数がリセットされてしまう...対応策はないのか?...ご返事はサポートフォーラムで..
iPhone設定、スマホで指定したTPカラーが反映されない
シリウスビジネステンプレートでiPhone設定しているのですが、スマートフォン表示で指定したカラーが反映されない?....お答えはカスタマイズサポートで...
インタースティシャル広告の位置合わせができない
シリウスにインタースティシャル広告を取り付けたが、位置が合わずうまく表示されないという質問です
1カラムのサイト幅変更に伴う見出し幅の調整についての質問
シリウスデフォルト1カラムのサイト幅を縮小したのですが、h2、h3、h4の各見出しの幅はすべて異なっています。調整できるのでしょうか?という質問です ね。お答えはサポートフォーラムでご覧ください..
モバイルグーグル検索(AMP)の高速表示システムは導入できるか?
シリウスサイトをモバイルページ対応にする?グーグル検索で高速表示させる(AMP)は導入は可能ですか?...という質問です。ご返事はサポートフォーラムでご覧ください.......