- ベストアンサー
jQuery スライドギャラリーのカスタマイズ
よろしくお願いいたします。 http://slidesjs.com/examples/standard/ こちらのプラグインをカスタマイズして使用しています。 一番目の画像が表示されている時のみ、 prevボタンを非表示にしたいのですが、可能でしょうか？ jsファイルの書き加えが必要になってしまうのでしょうか・・？ もし可能でしたら、どのようにすれば良いかお教えいただけたら幸いです。 どうぞよろしくお願いいたします。
- pencil87
- お礼率88% (16/18)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 前にこのプラグインをいじったものを回答したことがあります。 http://okwave.jp/qa/q7376425.html 少し違うかもしれませんが、見てみてください。 補足で頂いても結構です。
関連するQ&A
- jQueryのスライドショーのカスタマイズについて
仕事であるサイトを作っているのですが、製品ページの所で製品画像をスライドショーにして実装しようと思っており、jQueryで理想に近いプラグイン(galleriaというものです)を発見したのですが、スライドショーの領域内でさらに拡大画像ができるようにしてほしいと言われ自分でカスタマイズしようとやってみましたがうまくできません。 皆様のお力をお貸しいただけないでしょうか。 ■galleriaのプラグインを使ってカスタマイズする内容 galleriaのサイトからファイルをダウンロードし(http://galleria.aino.se/download/)メイン画像(サムネイルの上にある画像)内、もしくは外に「拡大画像」というボタンを設置し、クリックするとモーダルウィンドウで拡大画像が表示されるようにしたい。 ■自分でうまくできないところ このプラグインはサムネイル、もしくは左右にある矢印をクリックすると画像が変わる仕様になっており、「拡大画像」ボタンに今表示されているメイン画像を判別させて拡大画像を表示させる処理が必要となると思うのですが、うまくいきません。 モーダルウィンドウはthick.box(http://jquery.com/demo/thickbox/)を使って表示させています。 その他に、もっと簡単にできる方法など教えていただければ助かります。 よろしくお願いいたします。
- 締切済み
- JavaScript
- jQuery スライド（カルーセル）のカスタマイズ
jQuery スライド（カルーセル）のカスタマイズで困っています。 http://slidesjs.com/ こちらのサイトのJqueryライブラリを使って、 常時3つ表示のスライドギャラリー（カルーセル）を作成したいと思っています。 サンプルの中に3つ表示のタイプが含まれているのですが、（/Slides/examples/Carousel/) スライドも3つ同時に動きます。この部分を1つずつ動かしたいと思いカスタマイズしていますが、 うまくいきません。 要件としては、下記です。 ・同時に3つ表示させたい ・スライドは１つずつ動かしたい ・きれいにループさせたい（最後と最初のアイテムをスムースに接続） ・「Prev」「Next」「pagination」はそのまま活かしたい ・「pagination」のボタンは現状、1つに対して3つのアイテムがスライドするが、１つに対して1つにしたい。 別のライブラリをベースにしたほうがよいでしょうか。 何分素人なので、どなたかご教授くださいませ。よろしくお願いします。
- 締切済み
- JavaScript
- jquery-galleryviewのカスタマイズ・・・
jquery-galleryviewをカスタマイズして自分のページに使用したいのですが、JavaScriptの知識に乏しく、どこをいじれば良いのかわかりません。 http://www.spaceforaname.com/jquery/galleryview 画像のサイズなどは変更できたのですが、 ・pointer ・next ・prev この画像だけがどこで変更させるのかが分からず困っています。 画像を置き換えても、サイズが固定されているようで、小さな画像に置き換えてもデフォルトの大きさに引き伸ばされます。 解説サイトやおわかりになる方、是非アドバイスお願いします＞＜
- ベストアンサー
- JavaScript
- jQueryのmeanMenuのカスタマイズ
お世話になります。 meanMenuのカスタマイズで、実際に表示されるメニューの所に三本ラインが表示されます。ここをMENUというテキストに変更したいのですが、jsファイルのどこをいじれば良いでしょうか？色々なサイトを探しておりますが、昨日から希望のカスタマイズについて記述してあるサイトが見つけられません。javascriptはあまり知識がなく手探りでやっている為困っております。 カスタマイズ方法が載っているサイトを教えていただけませんか。 何卒よろしくお願いします。 meanMenuのサイト↓ http://www.meanthemes.com/plugins/meanmenu/
- ベストアンサー
- JavaScript
- jqueryによる画像切り替えのカスタマイズ
jqueryによる画像切り替えのカスタマイズについて こちらのサイト（http://blog.net-king.com/）で、プラグインをダウンロードし、 設置・動作確認と基本的なことは完了しました。 オプションでの設定以外のことについてカスタマイズを試みたのですが、 知識不足で上手くいかず、お知恵を拝借できればと思い投稿いたしました。 実装したいカスタマイズ内容ですが、 そのままの状態だとページを開いたときにデフォルトで表示されるのは menu1の青い画像であるphoto01.jpgになっていますが こちらを任意の画像での表示にしたいのです。 （その際メニューの順番は変更なしでお願いします！） 何かご不明点等があれば補足をさせていただきます。 もしお分かりになる方がいらっしゃいましたらご教授いただければ幸いです。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- jQuery版のlightbox.jsのカスタマイズについて質問です。
jQuery版のlightbox.jsのカスタマイズについて質問です。 やりたいことは下記の2点です。 1.「prev」や「next」をhover時ではなく絶えず出ているようにする。 2.任意でグルーピングをする。 使用したjQuery版lightbox.jsは下記のサイトからダウンロードしました。 jQuery lightBox plugin http://leandrovieira.com/projects/jquery/lightbox/ JavaScriptに詳しい方、方法をご存じの方がいらっしゃいましたら 教えていただきたいです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- jQueryイメージギャラリーに関しての質問です。
jQueryに関して。下記URLを参考に、イメージギャラリーを設置しました。 http://www.webdesignerwall.com/demo/jquery/img-replacement.html この、大きく表示されている画像に対して、さらにリンクを設定し、画像をさらに大きく表示させられるようなjQueryプラグインはあるでしょうか。 たとえばこの画像は 550px × 400px となっていますが、さらにこの画像をクリックすることで、別に用意された倍のサイズの画像をlightbox効果を付けて表示できるような、そういったプラグインです。 また、この画像が表示されている部分に、別のHTMLファイルを表示させられるようなプラグインがあるかどうかも知りたいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jqueryのプラグインのjquery.jcarousel.jsについ
jqueryのプラグインのjquery.jcarousel.jsについて http://sorgalla.com/projects/jcarousel/examples/static_auto.html jquery.jcarousel.jsはデフォルトで<ul>の中の<li>要素をスライドさせていますが、 これを<div>の中の<dl>に変更できればと考えております。 なんどいじってみてもエラーで停止してしまいます。 どなたかご教授ください。
- ベストアンサー
- AJAX
- jQuery『supersized』のカスタマイズ
こんばんは。Webデザイナー駆け出しの初心者です。 昨日仕事で↓の『Supersized』というプラグインでフォトギャラリーを作りました。 http://www.buildinternet.com/project/supersized/ クライアント様より「1枚目の画像を表示させている時は、画面左の丸い矢印戻るボタンを表示させないでくれ」と要望があり、上司に相談をしても「なんとかしろ！！」の一点張りで非常に困っています。 私の力では到底解決できない問題だと思いここに助け舟を出させてもらいました（涙） クライアント様曰く、写真をストーリー仕立てに表示させたいらしく、もしも一枚目が表示されている時に戻るボタンを押した場合、最後のオチがばれてしまうのが嫌だとのことです（涙） 勝手なわがままで申し訳ございません。 どなたかお力をお貸しいただけないでしょうか。。、
- 締切済み
- AJAX
- touchSliderを復数設置した時
touchSliderというjqueryのプラグインを使用しようと思っています 同ページに復数設置する予定なんですが 例えば3番目のスライダーの次へボタンを押すと 全てのカウントが動いてしまいます ▼設置例 http://mesohoge.web.fc2.com/touchSlider/examples/ ▼プラグイン http://mesohoge.web.fc2.com/touchSlider/jquery.touchSlider.js $(document).ready(function(){ $('.gallery').touchSlider({ mode: 'index', center: true, prevLink: 'a.prev', nextLink: 'a.next', single: true, onChange: function(prev, curr) { $('.counter').html((curr+1)+'/'+ $('.gallery').get(0).getCount()); }, onStart: function(){ $('.counter').html('1/' + $('.gallery').get(0).getCount()); } }); }); .counterとなっているので全てのカウントが動いてしまっていると思うのですが もしプラグインなりを修正して動くようなやり方があれば教えていただきたいです 該当箇所に連番でclassなりidを追加するようにしようとも思ってます 何卒よろしくお願いします！
- ベストアンサー
- JavaScript
お礼
ご回答いただき、ありがとうございます。 お教えいただいた内容のものを実装できました！ 本当に助かりました。 元々のjsファイルと見比べて、どこを変更されているのか、 ぜひ勉強させていただきたいと思います。 ありがとうございました！