jquery　を追加したら動作しない部分があります。　専門ではないので

Question

jquery　を追加したら動作しない部分があります。　専門ではないので色々試しましたがダメでした。どなたか分かる方いましたらよろしくお願い致します。

サイト　：　http://blackstate.blog134.fc2.com/

--導入しているもの--
１　http://www.digitalia.be/software/slimbox2　　　（slimbox2　※LightBox）　　
2　http://www.ndesign-studio.com/blog/design/css-do …　　（　css-dock-menu　※画面最下部のMAC風アイコン）
--------------------------

始めは上記　１　のみの導入で通常通り各主要ブラウザ動作で動作確認
↓
その後　2　を導入
↓
２つとも動作するが、１のslimbox2のみサイトに貼られた写真を２回目クリックすると、動作が途中で止まってしまう（１回目は通常通り動作します。）

--設置状況--

jqueryはグーグルのを利用しています
HTML上に

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>

その後　１と２のjsファイルをアップロード

<script src="http://blog-imgs-46.fc2.com/b/l/a/blackstate/sli … type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[ref*=lightbox]').slimbox();
});
</script>

<script type="text/javascript" src="http://blog-imgs-46.fc2.com/b/l/a/blackstate/int …


-----------------

CSSは外部ファイルではなくそのままブログのCSSに記載

/* ---CSS Dock Menuここから--- */　　（以下入力制限により省略）

やって見たこと。

1　グーグルから呼び出すのではなく直接jqueryを設置　（状態変わらず）
2　css-dock-menu　を削除してみた　（slimbox2は２回目も通常表示）
3　slimbox2　と　css-dock-menu　の場所を入れかえてみた　（状態変わらず）

ファイルのURLは無料ブログの特性上すべてフルパスでやっていますので
そこの問題ではないと思いますが、良く分かりません。

HTMLもCSSも独学でjqueryも始めてです。
１つ目までは通常設置出来ましたが、２つ目のcss-dock-menuを入れたら上手く動作がしない状況です。

色々検索で調べましたが、お手上げ状態で初めて質問箱を利用します。
どなたか詳しかたいらっしゃいましたらアドバイス頂けると幸いです。
よろしくお願い致します。

yyr446 · Accepted Answer

$(function(){});　＜＝＝$(document).ready(function(){})と等価
が2個あるのが、悪いんでは、一つに統合しましょう。

にしてもブログで、$(document).ready(を使うのは考えもんです。

※全角空白は半角空白にしてね。

$(document).ready(function() {
　　 $('a[ref*=lightbox]').slimbox();
　　 $('#dock').Fisheye(
　　　{
　　　 maxWidth: 50,
　　　 items: 'a',
　　　 itemsText: 'span',
　　　 container: '.dock-container',
　　　 itemWidth: 40,
　　　 proximity: 90,
　　　 halign : 'center'
　　　}
　　 );
　　 $('#dock2').Fisheye(
　　　{
　　　 maxWidth: 70,
　　　 items: 'a',
　　　 itemsText: 'span',
　　　 container: '.dock-container2',
　　　 itemWidth: 50,
　　　 proximity: 80,
　　　 alignment : 'left',
　　　 valign: 'bottom',
　　　 halign : 'center'
　　　}
　　 );
　});

fujillin · Answer

専門ではありませんし、中身も見てませんが…、

slimbox2は私の環境では、単独でも同様の現象が出るケースがあるみたい。

原因を探すのは面倒なのでみてませんが、画像を拡大表示するだけなら同様のものが他にもいろいろあるので、乗り換えてみてはいかがでしょうか？
CSS Dock Menuがjqueryベースみたいなので、jqueryベースの同様の表示用プラグインから選択すれば、あまり重くもならないはず。

jqueryも使ったことがないので、どれが良いのかはわかりませんが、
＜ほぼまんまのjquery lightBox plugin＞
　http://leandrovieira.com/projects/jquery/lightbox/
＜ThickBox＞
　http://jquery.com/demo/thickbox/
＜そのほか＞
　http://www.pierrebertet.net/projects/jquery_superbox/
　http://www.pirolab.it/pirobox/#demos

他にも検索すればたくさん見つかるはずです。

おまけ：
　$(function(){ ～～　は複数あっても、一応、動作するみたいです。
　でも、わざわざ分ける必要もないので、まとめておいたほうが無難ですね。

yyr446 · Answer

関係ないかもしれませんが、
slimbox2.jsのソースの中の
// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
jQuery(function($) {
$("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
});
});
}
の部分を、削除するかコメントアウトしてみてください。

jquery を追加したら動作しない部分があります。 専門ではないので

$(function(){}); ＜＝＝$(document).ready(function(){})と等価

この回答への補足

専門ではありませんし、中身も見てませんが…、

関係ないかもしれませんが、

この回答への補足

関連するカテゴリからQ&Aを探す

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

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

jquery　を追加したら動作しない部分があります。　専門ではないので

$(function(){});　＜＝＝$(document).ready(function(){})と等価