• ベストアンサー

ドリームウィーバーcs4のスニペットでjQuery

すいません。詳しい方いましたら教えてください。 ドリームウィーバーcs4のスニペットにこのjQueryを登録して使用はできるものなのでしょうか? http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/pirobox.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB なにぶんjQueryとjavaスクリプトが超初心者なのでよくわからず... お手数をおかけいたしますが宜しくお願いします。

  • CSS
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

スニペットはよく使うソースを登録するだけですから、どんなソースでも、使用することはできます。JavaScriptの理解と、スニペットの使用はなんの関係もありません。 スニペットでどこのソースを繰り返し使うのでしょうか? 1.選択文字をはさんで使用するなら、「選択範囲を囲む」で登録 2.はさまず固まりで使用するなら、「ブロックの挿入」で使用する の2つしか、登録はありません。 スニペットとは、ソースの断片を登録し、作業の効率化をはかるだけのものです。JQueryの理解を代わりにしてくれるものではありません。 なにを質問したいのかをご自分でも把握されていないように思います。 jQueryの入門サイトでjQueryの導入方法や、ライブラリーの使用方法を学ばれ、それでもわからなければ、JavaScriptのカテゴリー http://okwave.jp/c254.html で質問されてはいかがでしょうか?その時には、何がわからないのか、ご自分でも把握されてから的を射た質問されると、的確な答えが返ると思います。 それを踏まえると、どのソースを頻繁につかうかスニペットには何を登録するべきなのか、または、登録してもまったく使い道がないのかが、見えてくると思います。

kuronekoya
質問者

お礼

DrFellさま ご返答ありがとうございます。いろいろとやってみたのですが、ライトボックスの制作方法の方が断然楽でしたのでそれでやってみます。 お手数をおかけいたしまして申し訳ございません。 またカテゴリーの件についてもありがとうございます! まずは基礎についてもう少し勉強してみます。 デザイン上がりなのでJQueryについてなかなかとっつきにくくて... またわからないことが出ましたら宜しくお願いいたします。

関連するQ&A

  • DWcs4のスニペットにこのJAVAを登録して使用

    すいません。詳しい方いましたら教えてください。 DWcs4のスニペットにこのjQueryを登録して使用はできるものなのでしょうか? http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/pirobox.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB なにぶんJAVAも超初心者なのでよくわからず... お手数をおかけいたしますが宜しくお願いします。

    • ベストアンサー
    • CSS
  • ToSelectorについて(jQuery)

    http://james.padolsey.com/demos/animateToSelector/ http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_navigationmenu/animatetoselector.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB CSSをhtmlソース内ではなく、外部ファイルに変更すると FirefoxとChromeだけアニメーションが反応しなくなってしまいます。 おそらく、 $('#navigation a').animateToSelector({ selectors: ['#navigation a:hover'], properties: [ 'background-color', 'padding-left', 'color' ], events: ['mouseover', 'mouseout'] }); を外部CSS用に作り替えるのだと思うのですが、 http://www.re-creators.jp/blog/2008/10/01_114.html 等を参考にしたのですが、具体的な書き方がわかりません。 どなたかご教授願います。

  • ふきだし型のツールチップがIEだと

    こちらのサイトの http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_tooltip Side Navigation Tooltip / Popup Bubble を使用しているのですが、 http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_tooltip/sidenavigation_tooltip.inc&ttl=Side+Navigation+Tooltip+%2F+Popup+Bubble%E3%81%AE%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB ふきだしに入れている内容が多いため、縦の長さがナビより長い状態です。 一度マウスオンしてふきだしを出した後、マウスをはなすと本来なら ふきだしが隠れるのですが、文字だけが見えた状態になります。 safariやfirefox、クロムではちゃんと隠れますが、IEだけは触れた後も ナビの下から文字が見えた状態になってしまいます。 IEのバグ?というかIEには対応していないのでしょうか。 どうかご回答お願い致します。 また、探したのですがもし似たようなツールチップがございましたら 教えて頂けると助かります。 どうぞ宜しく御願い致します。

  • jQueryUI自動スライド右側リストを増やしたい

    http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/featured_content_slider.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB 上記の自動スライドなのですが、例では4項目なのですが、10項目くらいに 増やして利用したいと思っています。 単純に10個に増やすと、左の画像部分はきちんと10個目まで表示されますが、 右側は6個目から隠れたままで表示されません。 #featured ul.ui-tabs-navのheightを300pxにして、overflow:hiddenに しています。 6個目からもカーソルと連動して右のリストを表示して動かすにはどのように したらいいのでしょうか… また、右の動くカーソルを左の画像に重なるようにはできないでしょうか? 背景のしろが目立ちすぎる気がして… 宜しくお願いいたします!!

    • ベストアンサー
    • CSS
  • jQuery UIを使用した画像スライダーについて

    お世話になります。 当方、htmlとcssの知識しかなく、Javascriptはほとんど未知の領域なのですが、 ホームページに動きを付けたくて、jQuery UIを使用した画像スライダーの設置方法を載せたサイトを探していました。 そこで、下記のサイトさんのスライダーがイメージに近かったので使用したいと考えています。 ttp://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_imagegallery#a_image_rotator サンプルページ ttp://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/featured_content_slider.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB そっくりそのまま実装することができ、スタイルシートの記述をいくつかいじって 枠の幅や画像の大きさを変更するまではできたのですが、 項目を追加することができませんでした。。 ※サンプルページで、4つある項目の一番下ハニートースト@…の下にさらに項目を追加して、5つか6つくらい画像がスライドするようにしたいのです。 htmlファイルで、<li>や<div>を追加して、id="nav-fragment-4"をid="nav-fragment-5"にして 連番にもしましたが、それだけではうまく画像が表示されません。 ※4番目のタグをコピーして5番目を作りましたが、5番目をクリックしても画像が表示されず真っ白で、そのあと4番目をクリックすると、画像が2つ縦に連なって表示されます。 javascriptの記述で最大何枚画像が表示されるという記述があるのでしょうか? 素人の質問なので、わかりにくい部分はあると思いますが、 何卒、お力添えよろしくお願いします!!

  • セレクトボックス幅を小さく、選択肢の文字は全て表示

    セレクトボックスの幅を小さめに指定し、選択肢の文字列は全て表示できる方法を探しています。 http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_forminputcustomize/dropdownchecklist.inc&ttl=%90%DD%92u%83T%83%93%83v%83%8B 上記サイトの「長いテキスト、短いコントロール」のプルダウンのようにする方法が分かりましたら、ご教示よろしくお願いします。

  • マウスオーバした部分の画像を隣に拡大して表示させたいと思っています。

    マウスオーバした部分の画像を隣に拡大して表示させたいと思っています。 下記URLでやっている動作そのものなのですが、実際にこのソースを使ってみたところ、文字化けしてしまう上、うまく動作しません(Ajaxのソースのようです)。 できればJavascriptを使ってやりたいのですが。。。 初心者です。 よろしくお願いいたします。 参考:http://f32.aaa.livedoor.jp/~azusa/exp3.php?f=include/ajax/jquery_plugin_zoom/jqzoom.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB

  • jQuery.jTagging.jsを使った入力

    現在、jQuery.jTagging.jsを使った入力支援を 以下のサイトを参考に作っています。 http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_other/jtagging.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB 上記サイトの例のようにテキストボックスだと、問題なく動作するのですが テキストエリアにすると動作しません。 以下、上記サイトを基にして、テキストエリアでテストしたコードです。 <script type="text/javascript"> $(function() { $("#TagTextArea1").jTagging($("#TagDiv1"), ","); }); </script>   ・   ・   ・ <h2>例1</h2> <p>your tags: <textarea id="TagTextArea1"></textarea> カンマ区切り</p> <div id="TagDiv1" class="box"> <a href="#" onclick="return false;">javascript</a>&nbsp;&nbsp; <a href="#" onclick="return false;">jquery</a>&nbsp;&nbsp; <a href="#" onclick="return false;">tag</a>&nbsp;&nbsp; <a href="#" onclick="return false;">cool</a> </div> jQuery.jTagging.jsを使用した入力支援は テキストエリアでは、実装することは不可能なのでしょうか?

  • ドリームウィーバーでインラインフレームを設定したい

    現在、Adobe Dreamweaver CS6 Windows版 http://www.amazon.co.jp/%E3%82%A2%E3%83%89%E3%83%93%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%BA-Adobe-Dreamweaver-CS6-Windows%E7%89%88/dp/B007STFQ3W を、使用しています。 また、IBM ホームページ・ビルダー14も、合わせて所持しています。 http://www.justsystems.com/jp/products/hpb_14/index.html ちなみに、ホームページ・ビルダー14では、インラインフレームという機能があります。 http://www.wsb.jp/hpb/kihon/iframe.htm ここで質問ですが、これに該当する、ドリームウィーバーCS6の機能は、どれになるのでしょうか? 詳しい方がいましたら、よろしくお願いします。

  • Wordpress 複数のYouTube動画

    WEB初心者です。よろしくお願い致します。 複数のYouTube動画をページを変えず、そのエリアで切替えて再生したいのですが、 Wordpressにどのように記載すれば良いでしょうか。 参考として、下記サイトを見つけました。 まさにこのような事がやりたいのですが。 http://3004.jp/web_koto/386/ http://phpjavascriptroom.com/exp3.php?f=include/strm/youtubeiframeplayerapi/loadVideoById.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%3AloadVideoById# このサイトhtmlの記載があったので、それをコピペしてWordpresのサイトに反映させようとしましたが、一部のみ標示されるなどうまくいきません。(動画の埋め込みは標示されるが、動画の下のリンク先が標示されないなど)

    • ベストアンサー
    • HTML