私はテンプレートindexページにサムネイル画像を置きそれをかっこよく拡大させるテンプレートを夢見ています。
先日、作成したgallery-w
では画像をクリックすると別ウインドウで画像が拡大するんです。
サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。
今回のHighslide JSもそうです。テンプレートとして取り入れることはまだできません。
ただ記事の中に取り入れる方法を記事になさっている方を見つけました。
TomomiX日記/Highslide JS実装手順/http://blackcat13numbers.blog31.fc2.com/blog-entry-188.html
早速やってみました。
*改行の扱いをHTMLタグのみ にしました。
画像をクリックするとその場で拡大します。
拡大した画像をクリックすると元の大きさに戻ります。

どうでしょう?
ストレスが少ないですね。
これはクリック後の拡大表示された画像をドラッグして動かせることが面白いですね
caption・・・・写真の説明をつけない場合IDはいらないらしいですね?
先日、作成したgallery-w
では画像をクリックすると別ウインドウで画像が拡大するんです。
サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。
今回のHighslide JSもそうです。テンプレートとして取り入れることはまだできません。
ただ記事の中に取り入れる方法を記事になさっている方を見つけました。
TomomiX日記/Highslide JS実装手順/http://blackcat13numbers.blog31.fc2.com/blog-entry-188.html
早速やってみました。
*改行の扱いをHTMLタグのみ にしました。
画像をクリックするとその場で拡大します。
拡大した画像をクリックすると元の大きさに戻ります。


どうでしょう?
ストレスが少ないですね。
これはクリック後の拡大表示された画像をドラッグして動かせることが面白いですね
caption・・・・写真の説明をつけない場合IDはいらないらしいですね?
こんばんわ^^
Highslide JSが実装できてとても嬉しかったです。
更にご紹介までしていただき光栄です^^
次回のHighslide JS紹介では、更にキャプションや
コントローラーをつけるカスタマイズ説明なんかを
考えています。
では今後ともよろしくお願いします〜。
Highslide JSが実装できてとても嬉しかったです。
更にご紹介までしていただき光栄です^^
次回のHighslide JS紹介では、更にキャプションや
コントローラーをつけるカスタマイズ説明なんかを
考えています。
では今後ともよろしくお願いします〜。
こんばんは
すごく新しい記事での実装にめぐり合い驚きました。それまで一番新しいHighslide JSで試みていたので、アップロードできないものがあり、他のサーバーへアップしてやっていましたが、古いバージョンと聞いて本当に嬉しかったです。
ありがとうございました。
更に次回を期待しています。
よろしくお願いします。
すごく新しい記事での実装にめぐり合い驚きました。それまで一番新しいHighslide JSで試みていたので、アップロードできないものがあり、他のサーバーへアップしてやっていましたが、古いバージョンと聞いて本当に嬉しかったです。
ありがとうございました。
更に次回を期待しています。
よろしくお願いします。
そう言っていただけるととても嬉しいです^^
また、最近の記事で、Shadowbox実装もできましたので
あわせてご参照いただければと思います。
画像のオーバーレイだけではなく、WebページやYoutubeなどの
動画もオーバーレイ表示できるので結構オススメです。
また、最近の記事で、Shadowbox実装もできましたので
あわせてご参照いただければと思います。
画像のオーバーレイだけではなく、WebページやYoutubeなどの
動画もオーバーレイ表示できるので結構オススメです。
こんばんは
Shadowboxというのはlightbox2に似ている感じなのでしょうか?
IEではなぜか見れなかったので、Firefoxで見せてもらいました。
WebページやYoutubeなどの 画像も見れるというのが驚きですね。
Shadowboxというのはlightbox2に似ている感じなのでしょうか?
IEではなぜか見れなかったので、Firefoxで見せてもらいました。
WebページやYoutubeなどの 画像も見れるというのが驚きですね。
>Shadowboxというのはlightbox2に似ている感じなのでしょうか?
ちょっと違いますね。Lightbox2はどちらかというとHighslideと同じで、
静止画像のみの表示にサポートしています。
ShadowboxとGreyboxが同じようなもので、こちらは静止画像以外に
Webページや動画にもサポートしています。
ShadowboxのWebサイト表示デモは、私のサイトメニュー内の
「メール」をクリックいただくと見れますよ。
フォームページがオーバーレイ表示し、通常通りWebフォームにも
記入でき、投稿もできます。便利ですよ^^
ちょっと違いますね。Lightbox2はどちらかというとHighslideと同じで、
静止画像のみの表示にサポートしています。
ShadowboxとGreyboxが同じようなもので、こちらは静止画像以外に
Webページや動画にもサポートしています。
ShadowboxのWebサイト表示デモは、私のサイトメニュー内の
「メール」をクリックいただくと見れますよ。
フォームページがオーバーレイ表示し、通常通りWebフォームにも
記入でき、投稿もできます。便利ですよ^^
TomomiX さんの所のメールで拝見してきました。
なるほど、面白そうですね。
暇が出来たらやってみたいと思います。
またその折にはご指導お願いしますね。
なるほど、面白そうですね。
暇が出来たらやってみたいと思います。
またその折にはご指導お願いしますね。
とても参考になりました!クリックで拡大している人が沢山いますが、是非そういう技術を身につけたいものと思っています。私の実力では、困難でしょうが、挑戦することに意義がありそうですので頑張ってみます。
画像がその場で拡大できるとすっきりしていますよね。
是非やってみてくださいね。
もし出来ましたら、拝見させていただきますよ。♪
何か私でお役に立てることがありましたら何なりと・・・微笑
是非やってみてくださいね。
もし出来ましたら、拝見させていただきますよ。♪
何か私でお役に立てることがありましたら何なりと・・・微笑


どりーみー(05/02)
荒野鷹虎(05/01)
どりーみー(04/25)
TomomiX(04/25)
どりーみー(04/23)
TomomiX(04/21)
どりーみー(04/18)
TomomiX(04/18)
どりーみー(03/23)
ココア(03/23)
どりーみー(03/23)
ココア(03/22)
どりーみー(03/18)
瑠璃にゃん(03/18)
どりーみー(03/16)
mian(03/15)
どりーみー(03/15)
mian(03/15)
どりーみー(03/02)
#11(03/02)
どりーみー(02/12)
荒野鷹虎(02/11)
どりーみー(02/11)
荒野鷹虎(02/11)
どりーみー(01/10)