dogmap.jp

画像や動画を lightbox 風に表示する拙作の jQuery 用プラグイン jQuery.lightpop.js ですが、画像の拡大表示で大きな問題がありました。
以下のようにサムネイル表示されている画像と、リンク先の画像が同一で、サムネイル表示している画像を width, height で小さく表示している場合、画像本来のサイズ(幅, 高さ)が取得できないため、正常に表示できないのです。

<a href="pict01.jpg" rel="lightbox" title="画像１"><img src="pict01.jpg" alt="画像１" width="160" height="120"/></a>

困ったなぁと思いつつも、画像本来のサイズを取得する方法について調べずに放置していましたが、以下のエントリを読んで解決したので、久々に jQuery.lightpop.js をバージョンアップします。
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 – latest log
…続きを読む

さて、昨日のエントリの続き。
「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ！」という人のために、昨日と同様のことを自前で行うための方法。

WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。
しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。
これを回避する方法が JSONP です。
hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。
…続きを読む

みなみさんが静的ページに WordPress の新着記事一覧を表示する方法を急募していた。
これを実現するために JavaScript で RSS フィードを取得して表示する方法を調べたので、自分用にメモ。
使用するのは Google AJAX Feed API。
Google AJAX Feed API を使用するには、APIキーが必要。
Google Map を利用する際に取得した API キーがあれば使えるが、無ければGoogle AJAX Feed API への登録をしておこう。
…続きを読む

主に日本国内のマイクロブログサービスを横断検索するつぶやき専門の検索エンジン Twiple! を開発した ayunyan さんが、Twiple! の API を利用した Tweetback を実装したと言うことなので、テスト用に簡単なブックマークレットを書いてみた。
以下のリンクをブックマークに登録して、Twitter などのマイクロブログサービスで言及されているかどうか調べたいページで使ってみてください。
しばらくして画面右側に Twiple! での検索結果が表示されます。
邪魔になったら、「Close」をクリックすれば、画面上から消えます。

Tweetback!

Twiple! の検索速度が速いので、結構快適に検索結果が見れますね。
Firefox 3.05 (on Ubuntu) でしか動作確認していないので、他のブラウザだと不具合があるかも。
…続きを読む

Google Chrome はレンダリングエンジンに Safari と同じ Webkit を使用している。
そのため jQuery 1.2.6 では Safari として認識される。
# jQuery では、ユーザーエージェントに webkit の文字があると Safari として認識するため

しかし、JavaScript エンジンは独自の V8 を使用しているため、jQuery をそのまま使用すると、微妙に不具合が発生する。
すべては調べきれていないが、概ねエレメントの位置取得で問題が発生している感じだ。

私が JSeries でリリースしているプラグインでは、大抵 JavaScript で jQuery を使用しているため、一挙に微調整をした。
バージョンアップしたのは、以下の５つのプラグイン。

• WP-AutoPager 最新版 Ver.0.5.0a
• VideoPop+ 最新版 Ver.0.7.1a
• WP-lightpop 最新版 Ver.0.6.2
• Google Maps Anywhere 最新版 Ver.0.6.5a
• Quick Comments 最新版 Ver.0.5.4

…続きを読む