画像を並べるjQuery

質問

今サンプルで、下記のサイトを参考にしてます。
http://phpspot.org/blog/archives/2011/09/jquery_82.html

こちらの、写真に1枚1枚リンクの指定が貼っています。
リンク先がない場合、リンクを外すと崩れてしまいますが、リンク無しでも写真を並べる方法はありませんか？
欲を言えば、リンクありでもなしでも並べられたらいいのですが…。

ご教授頂ければと思います。

回答No.1

fujillin · ベストアンサー

内容を見てはいませんが…

＞リンクありでもなしでも並べられたらいいのですが…
ご質問通りのことを実現しようとするなら、スクリプトの内容を解析して修正するしかないように思います。

中身を見ていないのでまったくの想像ですが、御提示のスクリプトはレイアウトの調整をしているのみでリンクの制御は行なっていないと想像します。
それなので、スクリプトはそのままにしておいて（HTMLはリンクタグありのまま作成）、リンクがないつもりのリンク要素には、例えばhref="#noLink"などとしておくローカルルールとして、これによってリンクの動作を制御するスクリプトを追加すれば見た目はご質問のようになるのではないでしょうか？

jQueryを利用しているようですので、追加するにしてもたいした行数にはならないでしょう。
例えば、こんな感じ。
$("div#am-container a").each(function(){
　if($(this).attr("href")=="#noLink"){
　　$(this).css("cursor", "default");
　　$("img", this).click(function(){ return false; });
　}
});

#noLinkを設定しておくと、カーソルもポインター表示ではなくなります。

お礼

ありがとうございます。無事出来ました！
3日間くらいモヤモヤしてました。

>中身を見ていないのでまったくの想像ですが、御提示のスクリプトはレイアウトの調整をしているのみでリンクの制御は行なっていないと想像します。

私も、そのような記述が見当たらずどこを直せばいけるのか悩んでました(若干のカスタマイズならできるのですが、追加でコードを書くのが苦手だったので助かりました)

本当にありがとうございました！