jQuery カルーセルの設置について

2012年7月17日 at 13:48

concrete5.5.2.1
さくらインターネット スタンダードプラン
IE9 fox 13

トップページにjQueryのカルーセルで
画像をクリックして他ページへのリンク、横にスライドするのを
作りたいのですが動きません。

サイト記載の内容
http://caroufredsel.frebsite.nl/

cssは main.cssへ記入
java script header.phpのhead内に記入

htmlはブロックのhtmlで記入

jQuery 

jquery.carouFredSel-5.6.1.js
jquery.js

elementsのフォルダに入れたりthemesのテンプレートの中にjsフォルダを作りその中に入れたり
元々のjsフォルダに入れたりいろいろ試しましたが
動きませんでした。

もともとjQuery.jsをconcrete5で使っているからなのでしょうか?
いろいろやっているうちに編集画面上のツール?が消え編集できなくなり
触ったとこを元に戻し悩んでいます。


jQueryは今後の制作でどうしても外せないので
よろしくお願いします。

タグ:

Re: jQuery カルーセルの設置について

2012年7月17日 at 14:36
concret5本体がjQueryを使っているので、さらにjQueryを読み込むとうまく動かないことがあります。carouFredSelだけを読み込むようにしてください。

# carouFredSel超便利ですよねぇ…
 

Re: jQuery カルーセルの設置について

2012年7月18日 at 10:26
上部の編集バーが、jQuery などで消えてしまう場合。
お手持ちの themes / yourtheme / elements / header.php のソースの・・・


Javascript 記述の後に・・・
<!-- <script type="text/javascript" src="<?php echo $this->getThemePath()?>/js/jquery.js"></script> -->
<!-- コメントも有効利用する --> /* コメントアウト */

<?php Loader::element('header_required'); ?> ←この1行を最後のここへ動かす。
</head>


私の場合。上記で対処しております。
ただし、開発中は、元の初期の場所に置いておき・・・いくつかの javascript を試した後に、どうしても動かさなくてはならない時に、最後に動かしますけど・・・またコメントアウトを有効利用して、ソースも最後まで消さないようにしております。
 

Re: jQuery カルーセルの設置について

2012年7月18日 at 15:21
hissyさん tomoyaさんありがとうございます。

朝方までいろいろ調べてやっているうちに
なぜか動きました。

完全に理解して動いた状態ではないので
もう1ページ、カルーセルを使いますので
tomoyaさんの方法で記入してみます!

ありがとうございます!