サムネイル画像．Highslide JS
2008-04-18-08-32-金 | com(10) | tb(0)この場で記事を開く
私はテンプレートindexページにサムネイル画像を置きそれをかっこよく拡大させるテンプレートを夢見ています。
先日、作成したgallery-w
では画像をクリックすると別ウインドウで画像が拡大するんです。
サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。
今回のHighslide JSもそうです。テンプレートとして取り入れることはまだできません。
ただ記事の中に取り入れる方法を記事になさっている方を見つけました。
TomomiX日記/Highslide JS実装手順/http://blackcat13numbers.blog31.fc2.com/blog-entry-188.html
早速やってみました。
＊改行の扱いをＨＴＭＬタグのみ にしました。
画像をクリックするとその場で拡大します。
拡大した画像をクリックすると元の大きさに戻ります。
どうでしょう？
ストレスが少ないですね。
これはクリック後の拡大表示された画像をドラッグして動かせることが面白いですね
caption・・・・写真の説明をつけない場合IDはいらないらしいですね？
コメント♪ (10)
先日、作成したgallery-w
では画像をクリックすると別ウインドウで画像が拡大するんです。
サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。
今回のHighslide JSもそうです。テンプレートとして取り入れることはまだできません。
ただ記事の中に取り入れる方法を記事になさっている方を見つけました。
TomomiX日記/Highslide JS実装手順/http://blackcat13numbers.blog31.fc2.com/blog-entry-188.html
早速やってみました。
＊改行の扱いをＨＴＭＬタグのみ にしました。
画像をクリックするとその場で拡大します。
拡大した画像をクリックすると元の大きさに戻ります。
どうでしょう？
ストレスが少ないですね。
これはクリック後の拡大表示された画像をドラッグして動かせることが面白いですね
caption・・・・写真の説明をつけない場合IDはいらないらしいですね？
コメント♪ (10)
♪TomomiX
こんばんわ^^
Highslide JSが実装できてとても嬉しかったです。
更にご紹介までしていただき光栄です^^
次回のHighslide JS紹介では、更にキャプションや
コントローラーをつけるカスタマイズ説明なんかを
考えています。
では今後ともよろしくお願いします〜。
こんばんわ^^
Highslide JSが実装できてとても嬉しかったです。
更にご紹介までしていただき光栄です^^
次回のHighslide JS紹介では、更にキャプションや
コントローラーをつけるカスタマイズ説明なんかを
考えています。
では今後ともよろしくお願いします〜。
♪どりーみー
こんばんは
すごく新しい記事での実装にめぐり合い驚きました。それまで一番新しいHighslide JSで試みていたので、アップロードできないものがあり、他のサーバーへアップしてやっていましたが、古いバージョンと聞いて本当に嬉しかったです。
ありがとうございました。
更に次回を期待しています。
よろしくお願いします。
こんばんは
すごく新しい記事での実装にめぐり合い驚きました。それまで一番新しいHighslide JSで試みていたので、アップロードできないものがあり、他のサーバーへアップしてやっていましたが、古いバージョンと聞いて本当に嬉しかったです。
ありがとうございました。
更に次回を期待しています。
よろしくお願いします。
♪TomomiX
そう言っていただけるととても嬉しいです^^
また、最近の記事で、Shadowbox実装もできましたので
あわせてご参照いただければと思います。
画像のオーバーレイだけではなく、WebページやYoutubeなどの
動画もオーバーレイ表示できるので結構オススメです。
そう言っていただけるととても嬉しいです^^
また、最近の記事で、Shadowbox実装もできましたので
あわせてご参照いただければと思います。
画像のオーバーレイだけではなく、WebページやYoutubeなどの
動画もオーバーレイ表示できるので結構オススメです。
♪どりーみー
こんばんは
Shadowboxというのはlightbox２に似ている感じなのでしょうか？
ＩＥではなぜか見れなかったので、Firefoxで見せてもらいました。
WebページやYoutubeなどの 画像も見れるというのが驚きですね。
こんばんは
Shadowboxというのはlightbox２に似ている感じなのでしょうか？
ＩＥではなぜか見れなかったので、Firefoxで見せてもらいました。
WebページやYoutubeなどの 画像も見れるというのが驚きですね。
♪TomomiX
>Shadowboxというのはlightbox２に似ている感じなのでしょうか？
ちょっと違いますね。Lightbox2はどちらかというとHighslideと同じで、
静止画像のみの表示にサポートしています。
ShadowboxとGreyboxが同じようなもので、こちらは静止画像以外に
Webページや動画にもサポートしています。
ShadowboxのWebサイト表示デモは、私のサイトメニュー内の
「メール」をクリックいただくと見れますよ。
フォームページがオーバーレイ表示し、通常通りWebフォームにも
記入でき、投稿もできます。便利ですよ^^
>Shadowboxというのはlightbox２に似ている感じなのでしょうか？
ちょっと違いますね。Lightbox2はどちらかというとHighslideと同じで、
静止画像のみの表示にサポートしています。
ShadowboxとGreyboxが同じようなもので、こちらは静止画像以外に
Webページや動画にもサポートしています。
ShadowboxのWebサイト表示デモは、私のサイトメニュー内の
「メール」をクリックいただくと見れますよ。
フォームページがオーバーレイ表示し、通常通りWebフォームにも
記入でき、投稿もできます。便利ですよ^^
♪どりーみー
TomomiX さんの所のメールで拝見してきました。
なるほど、面白そうですね。
暇が出来たらやってみたいと思います。
またその折にはご指導お願いしますね。
TomomiX さんの所のメールで拝見してきました。
なるほど、面白そうですね。
暇が出来たらやってみたいと思います。
またその折にはご指導お願いしますね。
♪荒野鷹虎
とても参考になりました!クリックで拡大している人が沢山いますが、是非そういう技術を身につけたいものと思っています。私の実力では、困難でしょうが、挑戦することに意義がありそうですので頑張ってみます。
とても参考になりました!クリックで拡大している人が沢山いますが、是非そういう技術を身につけたいものと思っています。私の実力では、困難でしょうが、挑戦することに意義がありそうですので頑張ってみます。
♪どりーみー
画像がその場で拡大できるとすっきりしていますよね。
是非やってみてくださいね。
もし出来ましたら、拝見させていただきますよ。♪
何か私でお役に立てることがありましたら何なりと・・・微笑
画像がその場で拡大できるとすっきりしていますよね。
是非やってみてくださいね。
もし出来ましたら、拝見させていただきますよ。♪
何か私でお役に立てることがありましたら何なりと・・・微笑
♪荒野鷹虎
ご親切などりーみーさんありがとうさんです。！
結構難しいです。やっとUPができるようになっただけでも感激です。
ご親切などりーみーさんありがとうさんです。！
結構難しいです。やっとUPができるようになっただけでも感激です。
♪どりーみー
私も全くのしろうとですが、Blogのテンプレートを見ているうちに、HTMLやCSSが面白くなってきました。
荒野鷹虎さんもやってみるといいと思いますよ。
コメントお待ちしています♪
【記事-Close】
私も全くのしろうとですが、Blogのテンプレートを見ているうちに、HTMLやCSSが面白くなってきました。
荒野鷹虎さんもやってみるといいと思いますよ。
どりーみー(07/22)
荒野鷹虎(07/21)
どりーみー(07/21)
荒野鷹虎(07/21)
どりーみー(07/18)
荒野鷹虎(07/17)
どりーみー(07/12)
paruparu(07/12)
どりーみー(07/12)
paruparu(07/11)
どりーみー(07/08)
荒野鷹虎(07/07)
どりーみー(07/07)
荒野鷹虎(07/07)
どりーみー(07/03)
荒野鷹虎(07/02)
どりーみー(06/23)
もみ(06/21)
どりーみー(06/20)
もみ(06/19)
どりーみー(05/18)
荒野鷹虎(05/16)
どりーみー(05/02)
荒野鷹虎(05/01)
どりーみー(04/25)