電子書籍の厳選無料作品が豊富！

Camera slideshowの使い方について

解決済

  • 質問者：mozu821
  • 質問日時：
  • 回答数：7件

jQueryプラグイン"Camera slideshow"を試しに使ってみたのですが、まったく動きません。
どこが間違っているのか見当もつかなく困っています。

【head内】
<head>

<!--省略-->

<link rel="stylesheet" id="camera-css" href="/camera.css" type="text/css" media="all">

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/camera.js"></script>
<script type="text/javascript" charset="utf-8">
<script type="text/javascript">
jQuery(function(){
jQuery('#camera').camera();
});
});
</script>
</head>

【HTML部】
<div class="camera_wrap camera_blue_skin" id="camera">
<div data-src="../images/slides/bridge.jpg"></div>
<div data-src="../images/slides/leaf.jpg"></div>
<div data-src="../images/slides/road.jpg"></div>
</div>

この情報だけで質問をするのが失礼だったらすいません。

初心者なもので誠に申し訳ございませんが、改善方法をどなたかご教授いただければ大変助かります。

よろしくお願いしますm(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (7件)

No.7ベストアンサー

  • 回答者： warpspace
  • 回答日時：

誤っています。



　jQuery.noConflict();　←　これは不要
　jQuery("#camera").camera({
　　height: "50%",　　←　カンマは不要
　　});
　});
　　　　　↓
　jQuery(function(){　←　これがない。
　　jQuery('#camera').camera({
　　　height: "50%"
　　　});
　});
    • good
    • 0
    • 件
通報する

No.6

  • 回答者： taloo
  • 回答日時：

スクリプトエラーが出ずに終了するのなら確かに原因がわかりにくいですが、


とりあえず開発用のツールで確認して、ケアレスミス、スクリプトエラーをなくしてみる事をお勧めします。
    • good
    • 0
    • 件
通報する
この回答へのお礼

そうしてみます。
一連のアドバイスありがとうございました。

通報する
お礼日時：2013/10/25 12:49

No.5

  • 回答者： taloo
  • 回答日時：

あともう一つ、



<script type="text/javascript" charset="utf-8">
<script type="text/javascript">
jQuery。。。（略）

となってますが、charsetが書かれている<script>が閉じられていません。

BBS投稿時のコピーミスでなければ、不要なタグを消して見てください。

この回答への補足

おっ--！転記ミスでした。ご指摘ありがとうございます。

実際は閉じております。

補足日時：2013/10/24 22:41
通報する
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： taloo
  • 回答日時：

jQuery(function(){})


とされてますが、jQuery.noConflict()はされてますか？

この回答への補足

衝突を避けるやつでしょうか。やってみました。

うんともすんとも動きませんーー。

今のところ単独ですのでこれなしでも動いてくれるはずなんですが。。。

↓サイトで動いているページです↓
http://www.noramasa.com/test/js_camera/

↓今回私どもの動かないページです↓
http://www.yorozu-ako.com/index_tpl.html
※投稿時より少し変わっているかもしれません
※index_tpl.htmlはテキトーに作っただけです

これまでのご教授本当に感謝いたします。

補足日時：2013/10/24 23:01
通報する
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： warpspace
  • 回答日時：

ANo.2です。


一度、IE 開発者ツールでHTMLとJavaScript のデバッグを行うことをお勧めします。

参考URL：http://blogs.msdn.com/b/osamum/archive/2011/08/0 …
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： warpspace
  • 回答日時：

スクリプトのパスは正しいですか？。

全体のファイル構成が不明なのではっきりとは
言えませんが、ひょっとして
src="/js/xxxxx.js"　→　src="js/xxxxx.js"
ではありませんか？。

この回答への補足

アドバイスありがとうございます。

スクリプトのパスは通っているんです。

もちろんsrc="js/xxxxx.js"でも試しましたがダメでした。

構成は、

www.ドメイン
　/js
　　　/jquery.min.js
　　　/jquery.mobile.customized.min.js
　　　/jquery.easing.1.3.js
　　　/js/camera.js
　/images
　　　/各画像

　/camera.css

です。

複数の使い方を示したサイトを参考にしましたが、原因箇所の見当つきません。

サーバーの問題でしょうか？


　　　

補足日時：2013/10/24 16:56
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： oldpapa70
  • 回答日時：

撮影したカメラでスライドショーをみたいと言うことでしょうか？



もしそうなら、カメラそのもののプログラム（？）で設定とか（カメラメーカーにより設定以外の名前になっているかも知れません）を選択すればスライドショウの項目があると思いますが。

もしわからなければ、一度カメラの取り説を見てみましょう
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

Camera slideshowはスクリプトのプラグインになり、今回の件では撮影したカメラ機器は関与しておりません。

↓をウェブサイトで動かそうとしているだけです。
http://www.pixedelic.com/plugins/camera/

また何かありましたらご教授お願いします。

通報する
お礼日時：2013/10/24 08:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報