my-- の回答履歴

全161件中1~20件表示
  • Resizableでクリック軸判定方法

    jquery-1.9.1、jquery-ui-1.10.3 を使用しています。 Resizableでリサイズするときに handers で設定したいずれかの軸 (w, e ...)をクリックすると思いますが、 どの軸をクリックしてリサイズしているか判定する方法を教えてください。 グーグルで検索すると同様の質問があったのですが uiのバージョンの違いでなのか、このとおり実施してもエラーになってしまいました。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1395973633 ->var that = $(this).data('resizable'); that.axis; // axisプロパティにアクセス ->「Uncaught TypeError: Cannot read property 'axis' of undefined」

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

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

  • jqueryスライドショーについて

    貴重な場をお借りして質問させていただきます。 jqueryでスライドショーを自作したいとおもっておりまして、 下記のようなスライドショーを実装したいとおもっております。 http://aviathemes.com/aviaslider/index.html この左上からパラパラ変わっていくアニメーションはどのような 原理で動いているか教えて頂けませんでしょうか。 調べてもよくわからず困っております。 大変申し訳ございませんがお詳しい方お力を貸して頂けませんでしょうか。 宜しくお願い致します。

  • Nivo Sliderのカスタマイズについて

    Nivo Sliderのエフェクトについて 書き込みさせていただきます。 Nivo Sliderで複数枚の画像のスライドを作成したいのですが 写真によってエフェクトの種類、エフェクトの切り替わる時間、切り替わり後の表示時間を それぞれ変えたいと考えています。 これを実現させる方法を伝授頂ければと思います。 他の方法で、上記のようなエフェクトや設定ができるのであれば、 Nivo Sliderでなくてもかまいません。 よろしくお願い致します。

  • jQuery slider2のページアイコン

    小生、ウェブサイト制作経験はアリながらもJavascriptに関しては全くの素人です。 既成のJavascriptプログラムの中でスライドショー向けのjQuery slider2をダウンロードし、 ウェブサイトに適応してみました。 概ね思った通りに作動するものの、スライダー部分の右下に表示されページアイコン(class="jquery-slider-page"として作成されている部分?)が、現在表示している部分に相当するアイコンをクリックすると、現在表示している画像を進行方向に流してしまい、背景が表示されるようになっています。 なおかつ、背景が表示された状態でもう一度同じアイコンをクリックすると、消えているはずの現在ページが一瞬表示されるものの、すぐに進行方向へ流してしまうというおかしな動作をします。 もともと期待されていた動作ではないと思うのですが、ダウンロードしてきたものをそのまま使ってこのような動作になってしまっていました。 不得手ながら中身を読み取ってみたところ、現在表示しているページのページアイコンをclass="jquery-slider-page"からclass="jquery-slider-page-current"に書き換えることで、アイコンの表示を変更しているようなので、一時的にclass="jquery-slider-page-current"のクリックを不可にすれば解決するのかなとは思うのですが、何かよい方法はないでしょうか。 使用しているjsは下記のとおりです。 https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js jquery.slider.min.js(http://wex.im/javascript/jquery-slider2にて公開されているファイルをダウンロードして使用) また、専用のCSSも特に書き換えなどせずに読み込ませて使用しています。 他にもjs併用はしていますが、紹介サイトでも同様の動作をしていたので、他のjsによる干渉などではない様です。 よろしくお願いします。

  • galleryview-3.0について

    現在、galleryview-3.0-dev.jsを使用しておりますが、初期設定では「I」ボタンを押さないと画像のタイトルやコメントが表示されないのですが、画像のタイトルやコメントをデフォルトで表示された状態で表示する方法をご存知の方おられましたらご教授下さい。 宜しくお願いします。

  • jQueryでのerrorイベントについて

    imgタグのsrc属性に記述された画像ファイルが存在しない場合に、代替えの画像を表示するスクリプトをjQueryで実現したく、下記をつくりました。 <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function() { $("img.nophoto").error(function(){ $(this).attr("src", "no_photo.jpg"); }); }); </script> </head> <body> <img src="a1.jpg" width="100" alt="a1" class="nophoto" /> <img src="a2.jpg" width="100" alt="a2" class="nophoto" /> <img src="a3.jpg" width="100" alt="a3" class="nophoto" /> : : <img src="a19.jpg" width="100" alt="a19" class="nophoto" /> <img src="a20.jpg" width="100" alt="a20" class="nophoto" /> </body> </html> a1.jpg~a20.jpgが全ての画像ファイルが存在しない場合に、全てno_photo.jpgに置き換わって欲しいのですが、ページをリロードする度に状態が変わります。(所々、no_photo.jpgに置き換わったり、全て置き換わったり、全て置き換わらなかったり) なぜこの様な現象が発生するのか悩んでおります。 何かアドバイスお願いします。 確認ブラウザ:FF18,Crome24

  • jQueryでのerrorイベントについて

    imgタグのsrc属性に記述された画像ファイルが存在しない場合に、代替えの画像を表示するスクリプトをjQueryで実現したく、下記をつくりました。 <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function() { $("img.nophoto").error(function(){ $(this).attr("src", "no_photo.jpg"); }); }); </script> </head> <body> <img src="a1.jpg" width="100" alt="a1" class="nophoto" /> <img src="a2.jpg" width="100" alt="a2" class="nophoto" /> <img src="a3.jpg" width="100" alt="a3" class="nophoto" /> : : <img src="a19.jpg" width="100" alt="a19" class="nophoto" /> <img src="a20.jpg" width="100" alt="a20" class="nophoto" /> </body> </html> a1.jpg~a20.jpgが全ての画像ファイルが存在しない場合に、全てno_photo.jpgに置き換わって欲しいのですが、ページをリロードする度に状態が変わります。(所々、no_photo.jpgに置き換わったり、全て置き換わったり、全て置き換わらなかったり) なぜこの様な現象が発生するのか悩んでおります。 何かアドバイスお願いします。 確認ブラウザ:FF18,Crome24

  • jQuery Cycle Pluginについて

    jQuery Cycle Plugin(http://jquery.malsup.com/cycle/)についてですが、 自動再生ではなく、クリックで動作させたいと思っています。 そこで、1番目の画像をクリックしたら、最後の画像まで順番にフェードし、 1番目に戻る。といったような動きは、可能でしょうか。 オプションの設定をみましたが、分からなかったので ご存知の方がおられましたらお教え頂けないでしょうか。 どうぞ宜しくお願いいたします。

  • jQuery Cycle Pluginについて

    jQuery Cycle Plugin(http://jquery.malsup.com/cycle/)についてですが、 自動再生ではなく、クリックで動作させたいと思っています。 そこで、1番目の画像をクリックしたら、最後の画像まで順番にフェードし、 1番目に戻る。といったような動きは、可能でしょうか。 オプションの設定をみましたが、分からなかったので ご存知の方がおられましたらお教え頂けないでしょうか。 どうぞ宜しくお願いいたします。

  • jQuery を使用した経過時間の表示スクリプトに

    jQuery 初心者です。 以下ページの経過時間表示スクリプトを使いたいのですが、 http://test.ogulcan.org/countup/ どうもバグ?があるようです。 現在が11/12/2012-16:00:00 とします。 (1).11/12/2012-00:00:00 → 16hours 0minutes 0 seconds (2).11/12/2012-01:00:00 → 14hours 0minutes 0 seconds 本来なら、(2)は15hours となると思うのですが、14hours になります。 なんとか修正したいと試みたのですが、どうしてもわかりません。 どなたか、わかる方いらっしゃいますでしょうか?

  • Google maps API V3 ルート検索

    Google maps API V3 のルート検索で、出発地と目的地のマーカー(アイコン)を独自のものにするには、どのように記述すればよろしいでしょうか? デフォルトの設定では、出発地が“A”、目的地が“B”となっています。 以下、テストサンプルです。 http://itohiki119.iinaa.net/bousai/test.html よろしくお願い致します。

    • ベストアンサー
    • noname#245585
    • JavaScript
    • 回答数3
  • Google maps API V3 ルート検索

    Google maps API V3 のルート検索で、出発地と目的地のマーカー(アイコン)を独自のものにするには、どのように記述すればよろしいでしょうか? デフォルトの設定では、出発地が“A”、目的地が“B”となっています。 以下、テストサンプルです。 http://itohiki119.iinaa.net/bousai/test.html よろしくお願い致します。

    • ベストアンサー
    • noname#245585
    • JavaScript
    • 回答数3
  • Google maps API V3 ルート検索

    Google maps API V3 のルート検索で、出発地と目的地のマーカー(アイコン)を独自のものにするには、どのように記述すればよろしいでしょうか? デフォルトの設定では、出発地が“A”、目的地が“B”となっています。 以下、テストサンプルです。 http://itohiki119.iinaa.net/bousai/test.html よろしくお願い致します。

    • ベストアンサー
    • noname#245585
    • JavaScript
    • 回答数3
  • Crossfader v1.3 を停止するには?

    Javascript / CSS Crossfader http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html div要素をクロスフェードする上記のJavascriptをつかってみたのですが、 たとえば全4枚のdiv要素の4枚目で停止することは可能でしょうか? また、このスクリプト以外でもdiv要素をクロフフェードできて、 何枚目かで停止できるスクリプトはご存知でしょうか? クロスフェードのみの簡易なもので良いのですが、なかなか高機能なものしか見つからず。。。 よろしくおねがいします。

  • Jqueryでtdの要素を変更したい

    以下サイトを参考に、バリデーションルール機能を実装した入力フォームを作成していました。 ttp://ascii.jp/elem/000/000/479/479507/ (html作成) ttp://ascii.jp/elem/000/000/479/479507/index-2.html(ルール実装) 参考サイトは、dlタグで表を作成されているのですが、 私は、tableタグで作成したものに適用したいと思い機能実装に挑戦しました。 エラー判定時に、  $(this).parent().prepend("<p class='error'>入力必須項目です</p>") この一文で、エラー要素の前にPタグをつけようとしているようなのですが、 tableタグのため、うまくいきません。tdとtdの間に入り表が崩れてしまいます。 【inputタグ(=ゲームタイトル名)の後ろ】に、【入力必須項目です。】と文字を追加するためには、 どのように変更すればいいのでしょうか。 (<td><input type="text" class="validate required error">入力必須項目です。</td> としたい。)  $(this).parent().prepend("<p class='error'>入力必須項目です</p>") ここを変化させたらいいと思うのですが、htmlやafter等に変更してもうまくいきません。 ttp://ascii.jp/elem/000/000/479/479507/ (html作成) ttp://ascii.jp/elem/000/000/479/479507/index-2.html(ルール実装) に紹介されている、ソースのどの部分を変更すれば実装することができるのでしょうか… ご教授お願いします。 =========現在機能を実装しようとしているhtmlソース============= <form> <table> <tr> <td>ゲームタイトル名</td> <td><input type="text" class="validate required"></td> </tr> : : </table> <input type="submit" value="ゲーム情報登録"> </form>

  • 複数のタグをDIVタグで囲みたい

    <TD>タグの中に<IFRAME>タグと<INPUT>タグがあり、それを<DIV>タグで囲みたいのです。 <TD>                <TD>  <IFRAME id="xxx" ...  ==>   <DIV>  <INPUT id="yyy" ...         <IFRAME id="xxx" ... </TD>                  <INPUT id="yyy" ...                      </DIV>                    </TD> jQueryのwrapall関数かと思うのですが、サンプル等では同じ種類のタグを囲むものしか ありませんでした。 jQueryは経験がないので、四苦八苦しています。 どなたかお知恵をお貸しください。 よろしくお願いします。

  • Lightboxのグループをループさせる。

    Lightbox 2を使用しているのですが、 グループに指定した画像をループさせることは可能でしょうか。 http://lokeshdhakar.com/projects/lightbox2/ 1つめの画像の「prev」をクリックで、最後の画像を表示、 最後の画像の「next」をクリックで1つ目の画像を表示させたいです。 javascriptは書かれていることはだいたいわかるのですが、 新規に自分で何かを作ったりカスタマイズしたりするほどの知識がありませんので、 具体的に教えて頂けると有難いです。 お手数ですが、ご存知の方宜しくお願いします。

  • Lightboxのグループをループさせる。

    Lightbox 2を使用しているのですが、 グループに指定した画像をループさせることは可能でしょうか。 http://lokeshdhakar.com/projects/lightbox2/ 1つめの画像の「prev」をクリックで、最後の画像を表示、 最後の画像の「next」をクリックで1つ目の画像を表示させたいです。 javascriptは書かれていることはだいたいわかるのですが、 新規に自分で何かを作ったりカスタマイズしたりするほどの知識がありませんので、 具体的に教えて頂けると有難いです。 お手数ですが、ご存知の方宜しくお願いします。

  • Lightboxのグループをループさせる。

    Lightbox 2を使用しているのですが、 グループに指定した画像をループさせることは可能でしょうか。 http://lokeshdhakar.com/projects/lightbox2/ 1つめの画像の「prev」をクリックで、最後の画像を表示、 最後の画像の「next」をクリックで1つ目の画像を表示させたいです。 javascriptは書かれていることはだいたいわかるのですが、 新規に自分で何かを作ったりカスタマイズしたりするほどの知識がありませんので、 具体的に教えて頂けると有難いです。 お手数ですが、ご存知の方宜しくお願いします。