• 締切済み

skitter(jquery)での初期表示画像

skitter(jquery)で画面を開いた時に移動した状態で開くことは出来ますでしょうか。 たとえば20個画像があって、画面を開いた時に10番目の画像を表示を表示し、 サムネイル一覧も10番目の画像がアクティブになっている状態にしたいです。 image_iに10を渡すとかjumpToImageを呼び出すとか試したんですけど、 どうにもうまくできません。 お願いいたします。

みんなの回答

  • my--
  • ベストアンサー率89% (91/102)
回答No.1

質問にもあるjumpToImageを呼出せばいいんですが、jQueryオブジェクトで普通にアクセスできない設計になっていますから、それで上手くいかないんでしょう。 $('.skitter').skitter({ onLoad: function (obj) { obj.jumpToImage(9); }, ... }); 初期表示の一回だけなら、onLoad(コールバック)を利用すればいいです。(第一引数からアクセスできます)

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • jQueryについて

    skitterのサムネイルについて skitterというjQueryを使っています。http://thiagosf.net/projects/jquery/skitter/ サムネイル表示をしているのですが、このサムネイルは表示画像の左下の部分を切り取った物が表示されるのですが この画像を表示している画像の縮小版を表示することはできないでしょうか? よろしくお願いいたします。

  • jQueryプラグイン「Skitter」でリンク

    jQueryプラグイン「Skitter」でリンクについて jQueryプラグイン「Skitter」でリンクについてわからないことが2点ございます。 まず、画像の淵に青色のラインが入る(IMGの「 border="0"」が効かない) あと、インラインフレーム内で動かし、変わる画像のリンク指定を全ウィンドウ(target="_parent")に指定したいのですが、これもうまくいきません。。。 ぜひお助けいただきたいと思っております。よろしくお願いします。 ↓例えば下記のように3つの画像を指定した場合にborderもtargetもききません。 <div class="box_skitter box_skitter_large"> <ul> <li> <a target="_blank" href="http://www.yahoo.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <a target="_blank" href="http://www.google.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <A target="_blank" href="http://www.rakuten.co.jp/"><IMG src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0"></A> </li> </ul> </div>

  • jQueryの画像を使ったタブメニューについて

    下記のサイトを参考にタブメニューを制作いたしました。 jQueryを使ったタブ(画像)による画面切り替え http://web.showjin.me/2011/05/jquery_tab_image.html 各コンテンツの中にリストタグやpタグなどで内容を記載すると うまくいくのですが、divタグを使用するとまったく表示されないようです。 divタグに style="display: none;"と読み込まれてしまいます。 各コンテンツの内容にjqueryを使用してサムネイルのアルバムを設置したいと 思っているので、divタグなどでも問題なく表示されるようにしたいと思っています。 scriptを修正して実現できる方法が分かる方がおられましたら お教え頂けないでしょうか? どうぞ宜しくお願い致します。

  • jQuery等で背景をフル表示+スライドショー

    http://www.daichifive.com/ ↑のサイトのような感じに背景を画面サイズに合わせてフル表示にし、 サムネイル出して、クリックすれば、次の画像に切り替えたいと思っています。 画像は3枚で、3枚目の画像だけ、縦長になっているので、 背景が3枚目になったときだけ縦スクロールバーを付けて、 上から下まで見れるようにしたいです。 サムネイルを出して、次の画像に切り替えるくらいですと、 jQueryを探せば何かあると思うのですが、 3枚目だけ縦スクロールバーをつけることなどできるのでしょうか。 できるとすれば、どのjQueryを使って、どうゆうカスタマイズをすればできるのでしょうか? jQuery以外の方法でも、上記のような動きを実装できるやり方があれば ご教授いただけないでしょうか。 よろしくおねがい致します。

    • ベストアンサー
    • CSS
  • jQueryで行う初期表示処理について

    いつもお世話になります。 jqueryで画面読み込み時でDHTMLを処理する場合(表示・非表示、タグの作成などなど)、ブラウザでの表示に影響はでるものでしょうか? ※画面読み込み時・・・$(function() {.......}); で処理を記述 とういのも以前、jqueryではなく普通にjavascriptを使用して、初期表示処理をごりごり書いたシステム開発に携わったことがあるのですが、 一瞬見えた後非表示になったり、色がなにもついていない状態が一瞬見えた後、色がついたり、、、といった挙動をしていました。 jqueryは、domツリー構築後に処理が開始されると書いている記事を見たことがあるのですが、その場合でも、先に述べたような見え方をするのでしょうか? それともDHTMLによるクライアントサイドでの動的な処理は、全て完了した状態でブラウザに表示されるのでしょうか? 宜しくお願いします。

  • jQueryのプラグイン「Skitter」について

    下記サイトで配布されているjQueryのプラグイン「Skitter」について、 質問させて下さい。 http://thiagosf.net/projects/jquery/skitter/ スライドショー用にjQueryの良いプラグインはないかと探して見つけたのが、 このSkitterで、実装も簡単だしアニメーションのエフェクトも多彩で、お気に入りです。 質問は、スライドショーが無限にループしてしまうのを、 最後の画像がきたところで、ストップさせる、 というカスタマイズが出来ないかという事です。 ファイルの中身を見たり、検索エンジンも使ってみましたが、 答えが見つけられず、思い切って質問してみました。 わかる方いらっしゃいましたら、ぜひお教え願いたいと思ってます。 よろしくお願いしますm(_ _)m

  • jQueryで画像を重ねる

    javascript初心者です。 複数の画像を少しずらして重ねて表示させ、下層の画像をクリックするとその画像が一番上に来るようにしたいのですが、そのようなことはjQueryでできるでしょうか?(画像でなくても何でもいいのですが・・・) 選択したものを一番上に表示させれればOKで、移動できる必要はありません。 お詳しい方が居られましたらご教授願います。

  • スライドショー「Skitter」をカスタムしたい

    「Skitter」というJavascriptのスライドショーを少しカスタムして使おうと思い、 コードを見ていろいろ試したのですが、うまくいきません。 ▼「Skitter」元はこちらです http://thiagosf.net/projects/jquery/skitter/ ナビゲーションのタイプを「Numbers」「Thumbs」「Dots」の3種類から選べるようになっていて、私は「Thumbs」と言うサムネイルが表示されるタイプを選びました。 さらにサムネイルのサイズを小さく(80px x 50px)したくて、 「skitter.styles.css」や「jquery.skitter.js」のここかな、と思う箇所を 端から変更して表示を試してみてるのですが、意図したサイズになかなかなってくれません。 過去の質問やネットにはサイズ変更に関する記事は見つけることができませんでした。 どこをいじれば良いのでしょうか? わかる方いらっしゃいましたら、教えて頂けませんでしょうか? どうぞよろしくお願い致します。

  • jQueryプラグイン「Skitter」について

    jQueryのプラグイン「Skitter」の表示で、thumbsの表示で質問させてください。 http://thiagosf.net/projects/jquery/skitter/ 表示には「Numbers」「Dots」「thumbs」の3種類あり、「thumbs」でサイト作りをしているのですが、 「Numbers」「Dots」では表示されるlabelが、「thumbs」では表示されず、困っています。 javascriptの設定は下記のようにしています。 <script type="text/javascript"> $(function(){ $('.box_skitter_large').skitter({thumbs: true, label: true}); }); </script> labelを表示するかしないかで、“label: true”にしているのですが、これでは表示されません。 オプションを見ても、そのあたりの記載が見当たらず、どこを調整すればいいのか分らずにいます。 どなたかご存知の方、いらっしゃいましたらご教授をお願い致します。m(__)m

  • サムネイルをマウスオーバーすると画像を表示

    はじめまして。 サムネイル画像をマウスオーバーすると、特定の場所に画像が表示される方法を教えて頂きたいです。 以下がイメージに近いです。が、サムネイル画像は自分で別に用意したいです。 http://mizuame.sakura.ne.jp/jquery.tgImageChange/demo/index2.html これを実現させる為には、どのjqueryを利用すれば良いのでしょうか? 色々とググってみたのですが、ぴったりと希望のものが見つからなく…。 あまり知識も無いので、丁寧に説明されているものですと助かります…(すみません。) わかりやすい説明画像も添付しました。 ぜひ教えて頂きたいです。緊急で困っています。よろしくお願い致します!

    • 締切済み
    • CSS