jQuery『supersized』のカスタマイズ

質問

こんばんは。Webデザイナー駆け出しの初心者です。

昨日仕事で↓の『Supersized』というプラグインでフォトギャラリーを作りました。
http://www.buildinternet.com/project/supersized/

クライアント様より「1枚目の画像を表示させている時は、画面左の丸い矢印戻るボタンを表示させないでくれ」と要望があり、上司に相談をしても「なんとかしろ！！」の一点張りで非常に困っています。

私の力では到底解決できない問題だと思いここに助け舟を出させてもらいました（涙）

クライアント様曰く、写真をストーリー仕立てに表示させたいらしく、もしも一枚目が表示されている時に戻るボタンを押した場合、最後のオチがばれてしまうのが嫌だとのことです（涙）

勝手なわがままで申し訳ございません。
どなたかお力をお貸しいただけないでしょうか。。、

回答No.2

fujillin

そのライブラリだと、他にもサムネイルを表示するボタンがあったり、ボタンでダイレクトに表示画像を選べたりするみたいなので、ご指定の矢印を消すだけでご希望に沿うのか疑問ですが…

ご提示のサイトにドキュメンテーションがありますし、APIがあるのである程度ユーザ側でも制御可能みたい。
http://buildinternet.com/project/supersized/docs.html#api_docs

1枚目が表示されたときだけ左側の矢印を表示しないというロジックにすればよさそう。
ご指定の矢印にはid="prevslide"のidが設定されているみたいなので…

var arrow = $("#prevslide");
var init = theme._init;
var after = theme.afterAnimation;

//　初期設定（非表示）
theme._init = function(){
　init();
　arrow.hide();
}

//　画像切替わり時（表示/非表示）
theme.afterAnimation = function(){
　after();
　if(vars.current_slide)arrow.show(); else arrow.hide();
}
とすれば、とりあえず矢印の制御は可能みたいですが、上述の理由で後ろの画像を先に見ることも可能のような気がします。

順にスライドするだけでよいのであれば、もっと簡単なライブラリを利用するか、あるいはjQuery利用ならシンプルなものを作ってしまったほうが確実ではないでしょうか？

回答No.1

kosukejlampnet

jQuery(function($){
　　　　$.supersized({～～～});
　　　　//追加
　　　　$("#prevslide").hide();
});

未検証ですが...。

お礼

ご回答ありがとうございます。

トライをしてみましたが上手くいきませんでした（涙）

スライド写真の1枚目だけを消すので、どこかにif文を追加しなければいけないのでしょうか・・・

困ったです。。。（涙）