タグ

jqueryとリンクに関するgoto553のブックマーク (3)

  • 簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」:phpspot開発日誌

    簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」 2011年06月15日- jLinkPreview 簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」のご紹介。 リンクを合わせたときにリンク先のイメージが分かるといいですが、それをjQueryプラグインの形で、簡単に実装できます。 サムネイル画像にはwimg.caというサービスが使われています。 サムネイル表示の例 使い方は以下のように初期化すればよいみたい。 画像のプレロードや、サムネイルサイズ(幅・高さ)、フェードや背景色など自在にカスタマイズできますね プラグインもそこまで大きくないため、サムネイルのプロバイダを変更するのもソースをちょこちょこっと変えれば対応できます。 関連エントリ テキストシャドウを自在にアニメーションさせられる

  • JQueryで外部へのリンクにtarget=_blankを指定

    検索エンジン大手のY社には、Yahooカテゴリ登録というサービスがあります。より多くのお客様に、キバンインターナショナルを知ってもらうために、カテゴリ登録申請を出していたのですが、「外部サイトへのリンクにtarget=_blankが指定されていない。」という理由で申請が保留されてしまいました。既に1000ページ近いコンテンツがあることを考えると、1つ1つのリンクを手で修正するのは困難です。そこで、JQueryを使って、外部サイトへのリンクにtarget=_blankを指定するプログラムを作成してみました。 <script src=”http://www.google.com/jsapi”></script> <script> if(typeof jQuery === “undefined”)google.load(“jquery”, “1.3.2”); </script> <script>

    JQueryで外部へのリンクにtarget=_blankを指定
  • div要素もリンクにするjavascript「jquery.biggerlink」

    リンクと言えばaタグですが、ボックス単位の大きなdiv要素もリンクにしたくなります。 jquery.biggerlinkはそんな我が儘を叶えてくれるjavasrciptです。 sponsors 使用方法 jquery.biggerlinkからjquery.biggerlink.jsを、jQueryからjquery.js(v1.2.1)をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.biggerlink.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#id名 div')

  • 1