スポンサードリンク

Tag Archives: ポップアップ

リンクURLのテキストをクリックして、別のhtmlコンテンツウィンドウを開くためのHighslide JS

リンクURLのテキストをクリックしたら、写真や動画、HTMLコンテンツなどを別のウィンドウでポップアップ表示するのに便利なのが、Highslide JS。 WordPress用のHighslide JSプラグインをいくつか試したのですが、考えるような動作をしてくれませんでしたので、本家Highslide JSを使うことに。

scriptは、”Highslide JS“のサイトの左サイドバーにあるDownroadからZipファイルをダウンロードして、解凍後にFTPでアップロード。 多くのサンプルがありますので、自分好みにカスタマイズすれば宜しいかと。Add to Header等のプラグインを使えば、すべての記事で動作するようになりますね。

  Read more »

リンクURLテキストをクリックして、他のWebサイトをポップアップで表示。単一記事用プラグインとして「Simple Popup Plugin」を利用中

highslideをブログに組み込もうとしていたら、キーワード「pop-up」でヒットしたWordPress ポップアップ用プラグイン。

リンクURLをクリックすると、画面中央にあらかじめ指定した高さ・幅でリンク先のwebサイトが表示される。Highslideの場合は、対象のURLのサイト画面が展開されるまで一呼吸は時間を要するのですが、このプラグインSimple Popup Pluginは早いような感じがします。

 

Simple Popup Plugin

作者のサイト:http://www.grimmdude.com/wordpress-simple-popup-plugin/

Read more »

Highslide でリンク先サイトのHTMLをIframeで表示させてみる。

Auto Hislideプラグインもいいけどあまり自由が利かないので・・・・。
プラグインじゃないですが・・・・見つからなかったので
凝りたければ、本家サイトからHislide.js本体とグラフィックをダウンロードしてカスタマイズ。

◆設定が必要なファイルは次のとおり

上記ダウンロードしたファイルから、次のファイルとグラフィックフォルダを保存したURLを指定。

js×2、css×1。

URLとグラフィックのタイプを選定。サンプルは、本家のexampleページを参照下さい。
Read more »

Auto Highslide 写真や画像をポップアップしてくれるプラグインを試してみた。

Auto Highslide

特に設定は不要。プラグインをインストールするだけ。

反応も良く。1つの記事にある何枚もの写真を全て拡大し、マウスで写真をクリックしてドラッグ移動できる。

下のサンプル3枚を、1枚づつクリックしては移動。

Read more »

スポンサードリンク