Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 サムネイル画像.Highslide JS


私はテンプレートindexページにサムネイル画像を置きそれをかっこよく拡大させるテンプレートを夢見ています。
先日、作成したgallery-w
では画像をクリックすると別ウインドウで画像が拡大するんです。


サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。

今回のHighslide JSもそうです。テンプレートとして取り入れることはまだできません。

ただ記事の中に取り入れる方法を記事になさっている方を見つけました。
TomomiX日記/Highslide JS実装手順/http://blackcat13numbers.blog31.fc2.com/blog-entry-188.html

早速やってみました。
*改行の扱いをHTMLタグのみ にしました。

画像をクリックするとその場で拡大します。
拡大した画像をクリックすると元の大きさに戻ります。 桜と城桜と城


どうでしょう?

ストレスが少ないですね。
これはクリック後の拡大表示された画像をドラッグして動かせることが面白いですね
caption・・・・写真の説明をつけない場合IDはいらないらしいですね?
【2008/04/18 08:32】 html | トラックバック(0) |
コメント(10)
TomomiX/ どりーみー/ TomomiX/ どりーみー/ TomomiX/ どりーみー/ 荒野鷹虎/ どりーみー/ 荒野鷹虎/ どりーみー/ 

comment
♥  はじめまして^^
こんばんわ^^
Highslide JSが実装できてとても嬉しかったです。
更にご紹介までしていただき光栄です^^
次回のHighslide JS紹介では、更にキャプションや
コントローラーをつけるカスタマイズ説明なんかを
考えています。
では今後ともよろしくお願いします~。

【2008/04/18 21:19】 url[TomomiX #6zcrtZLY] [ 編集]

♥  TomomiXさま
こんばんは
すごく新しい記事での実装にめぐり合い驚きました。それまで一番新しいHighslide JSで試みていたので、アップロードできないものがあり、他のサーバーへアップしてやっていましたが、古いバージョンと聞いて本当に嬉しかったです。
ありがとうございました。

更に次回を期待しています。
よろしくお願いします。

【2008/04/18 23:14】 url[どりーみー #JalddpaA] [ 編集]

♥  
そう言っていただけるととても嬉しいです^^
また、最近の記事で、Shadowbox実装もできましたので
あわせてご参照いただければと思います。
画像のオーバーレイだけではなく、WebページやYoutubeなどの
動画もオーバーレイ表示できるので結構オススメです。

【2008/04/21 12:59】 url[TomomiX #6zcrtZLY] [ 編集]

♥  
こんばんは
Shadowboxというのはlightbox2に似ている感じなのでしょうか?
IEではなぜか見れなかったので、Firefoxで見せてもらいました。
WebページやYoutubeなどの 画像も見れるというのが驚きですね。

【2008/04/23 19:20】 url[どりーみー #JalddpaA] [ 編集]

♥  こんばんわ^^
>Shadowboxというのはlightbox2に似ている感じなのでしょうか?
ちょっと違いますね。Lightbox2はどちらかというとHighslideと同じで、
静止画像のみの表示にサポートしています。
ShadowboxとGreyboxが同じようなもので、こちらは静止画像以外に
Webページや動画にもサポートしています。

ShadowboxのWebサイト表示デモは、私のサイトメニュー内の
「メール」をクリックいただくと見れますよ。
フォームページがオーバーレイ表示し、通常通りWebフォームにも
記入でき、投稿もできます。便利ですよ^^

【2008/04/25 12:49】 url[TomomiX #6zcrtZLY] [ 編集]

♥  こんばんは
TomomiX さんの所のメールで拝見してきました。
なるほど、面白そうですね。
暇が出来たらやってみたいと思います。
またその折にはご指導お願いしますね。

【2008/04/25 20:20】 url[どりーみー #JalddpaA] [ 編集]

♥  
とても参考になりました!クリックで拡大している人が沢山いますが、是非そういう技術を身につけたいものと思っています。私の実力では、困難でしょうが、挑戦することに意義がありそうですので頑張ってみます。

【2008/05/01 12:16】 url[荒野鷹虎 #-] [ 編集]

♥  荒野鷹虎さん
画像がその場で拡大できるとすっきりしていますよね。
是非やってみてくださいね。
もし出来ましたら、拝見させていただきますよ。♪
何か私でお役に立てることがありましたら何なりと・・・微笑

【2008/05/02 20:25】 url[どりーみー #JalddpaA] [ 編集]

♥  
ご親切などりーみーさんありがとうさんです。!
結構難しいです。やっとUPができるようになっただけでも感激です。

【2008/05/16 22:32】 url[荒野鷹虎 #-] [ 編集]

♥  荒野鷹虎さん
v-7私も全くのしろうとですが、Blogのテンプレートを見ているうちに、HTMLやCSSが面白くなってきました。
荒野鷹虎さんもやってみるといいと思いますよ。

【2008/05/18 20:58】 url[どりーみー #JalddpaA] [ 編集]

投稿













管理者にだけ表示を許可する




trackback
trackback url ↓
http://dreamy.blog2.fc2.com/tb.php/102-c903f4a2



| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview