グリモン : Google イメージ検索画像をレイヤー上に表 ... | fh9xif | sa.yona.la ヘルプ | タグ一覧 | アカウント登録 | ログイン

グリモン : Google イメージ検索画像をレイヤー上に表示

返信

http://www.serendip.ws/software/gm_googleimagesearch

 ↑ にあったグリモンを少し調節した。(透過度、フェード時間とか)


 ↓ 検索後画面のサムネイルをクリックすると リンク向こうの画像がLightBox風に表示される。


s7z2w83x



■ インストールは 下のリンクをクリック。

google_image_search.user.js


 すでにグリモンを導入していれば ↓ のウインドウが出ます。

46rshiyn

 js ファイルをインストールしたあとのFFox再起動は必要なし。ページの再読み込みだけ。



 このグリモンが働くurl に、http://fh9xif.sa.yona.la/* を加えてあるのは、こっちでも機能させるため。

リンクタグの中を少し工夫すれば sayonalaでもLihtBox 風のオーバーレイ表示ができる。

 このグリモンが働くのは個別ページのみ。


jvkg6upt


■ デモページはこちら ↓  (インストール後に)

  http://fh9xif.sa.yona.la/1170-


 ただ sayonala ではsayonala_ja.js を使っていて その関係からか、編集と削除リンクが効かなくなる。

それは、そもそも自分にしか見えないリンクで かつhttp://fh9xif.sa.yona.la/ だけなんで閲覧する分には問題ない。

 もちろんこのグリモンは、各人のsayonala url で働かせることもできます。

 ("ユーザースクリプトを実行させるページ" に自身のsayonala url を追加)


● 一応、リンクタグテンプレート (●大きい画像url● は同一のurl)-

投稿者 fh9xif | 返信 (2) | トラックバック (0)

このエントリーへのトラックバックアドレス:

Re: グリモン : Google イメージ検索画像をレイヤー上に表示

グリモン修正

返信

更新 !!

 jQuery 1.4 になったので さらに修正しました。  (更新 2010 1/20)

● こちら →

_________________________________________________________________


 いくつかの数値が未修正のままでした sorry。 修正しました。 (^_^;)

それと、画像フレームは なしにしました。 

(画像自体にフレーム線がついてる場合があるのと、装飾されない元画像がわかるので)


■ 上書きでお願いします ↓  (上書き表示は出ませんが上書きされます)

google_image_search.user.js


zmiyna4b

-


・ Re元のリンクも修正されています。



※ このグリモンのオリジナルがあるページは ↓ です。(自分はちょろっとfork しただけです)

http://www.serendip.ws/software/gm_googleimagesearch

投稿者 fh9xif | 返信 (0)

Re: グリモン : Google イメージ検索画像をレイヤー上に表示

Google イメージ検索画像をレイヤー上に表示 (グリモン バージョンアップ)

返信

 以前 グリモンで Google イメージ検索画像をレイヤー上に表示 というのを紹介した。 (ちょっとfork した)

jQuery がこのほど 1.4 にバージョンアップしてかなり速くなったと言うので このグリモも速くできそうなところを修正してみた。 (このグリモンはjQueryを使っているのでjQueryのバージョン変更と他のコード部分を少を修正)

 んー、結構 速くなったと思う。 画像がダウンロードされないと表示されないんで、画像しだいですなー この場合は。


インストールgoogle_image_search.user.js


・ 試してみるには、美人時計 と このページ(← sayonala のページでも工夫しだいで表示できます)。


・ 画像が前面に出ます  

4vyna4bm



※ このグリモンのオリジナルがあるページは ↓ です。(自分はちょろっとfork しただけです)

http://www.serendip.ws/software/gm_googleimagesearch

投稿者 fh9xif | 返信 (1)

API | 利用規約 | プライバシーポリシー | お問い合わせ Copyright (C) 2024 HeartRails Inc. All Rights Reserved.