知的?自己流?普利伊待夢な育児ブログ

主に子育て日記。パソコン関連はソフト紹介や備忘録。
美容/健康・ベビー/マタニティに関する商品も紹介中。

cssc cssc cssc
--/--/--  Post at Diskenth
Category スポンサー広告 Tags

MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。 ↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ  楽天ぴたっとアドの登録はコチラ



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2009/01/18  Post at Diskenth
Category JavaScript Tags Highslide Tips カスタマイズ

MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。 ↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ  楽天ぴたっとアドの登録はコチラ



Lightbox同様、ブログやホームページに貼り付けた画像のサムネイル(縮小)を格好良く元のサイズに表示させる技術です。前に紹介したLightboxよりも後に知ったモノで、こっちの方がお気に入りでもあります。実際にこのブログでも使ってますので、サムネイル画像を見つけたらクリックしてみてください。

サンプル・実装手順は続きをご覧あれ?。


↓以下、追記です↓

サンプル
Leopard.jpg

セットアップ手順
1. Highslide公式サイトへ移動
2. Highslide最新版をダウンロード
3. zipを解凍
4. highslideフォルダ直下のhighslide.js/cssをアップロード
5. html(head内)に以下を記述
<link rel="stylesheet" type="text/css" href="★/highslide.css"/>
<script type="text/javascript" src="★/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = '<%url>file/';
hs.outlineType = null;
window.onload = function() {
hs.preloadImages();
}
</script>

6. body(直後がベター)に以下を記述
<div id="highslide-container"></div>

利用方法
サムネイル画像のリンクタグ内「target="_blank"」を以下に変える。
class="highslide" onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"
★:アップロード後の各環境下のURLに
スポンサーサイト

コメント

Highslide JS導入できました
はじめまして。
こちらの解説でブログにHighslide JSが動くようになりました。
何度試してもうまくいかなかったので、諦めてたのですが、この記事のおかげで私のブログでも動くようになりました。
ありがとうございます!
2009/07/12 17:15  通りすがり  URL  #-  編集

訪問・コメントありがとうございます!!
>通りすがりさん
本当ですか!?
どうもありがとうございます!!
またどうぞよろしくお願いします。
2009/07/14 15:26  Diskenth  URL  #6zcrtZLY  編集

元、俺流です
ブログ改装しましてこの記事を基にHighslide導入してみました。
初心者にもわかりやすい説明でほんとに助かります≦(._.)≧
やっぱり画像にclass指定するのって手動ですよね?
fc2に設定あったっけ・・・
2009/12/07 03:00  Veno  URL  #zbT7meO.  編集

Re: 元、俺流です
Venoさん
大変ご無沙汰しています。
自動的に画像内のclassを付与するのはfc2にはないかと思います。
なのでちょい面倒なんですよね。。。
CSSがなくなってるって、このブログですか?
今は正常に見えていますけれども別の件でしょうか。
2009/12/09 23:03  Diskenth  URL  #-  編集

ご無沙汰です。ご健在でなによりです。。
やはり手動なんですね;ATOKに単語登録しましたw
CSSは↓のページのダウンロード先にって書いてあるところです。[CSS]のところに何も無いような・・・
Adの先ですか?w
http://nakano66.blog66.fc2.com/blog-entry-147.html#comment120
2009/12/11 01:51  Veno  URL  #zbT7meO.  編集

あああああ。。。
Venoさん
ご指摘ありがとうございます。
スッカリ忘れてました!
ヒマな時に直しておきますw
2009/12/16 02:45  Diskenth  URL  #6zcrtZLY  編集


この記事に対するコメントの投稿
















この記事に対するトラックバック

トラックバックURL
http://nakano66.blog66.fc2.com/tb.php/6-47629d6c
この記事にトラックバックする(FC2ブログユーザー)
Profile

Diskenth

Author:Diskenth

はじめまして。Diskenthです。
30代のしがないリーマンですw
詳しくは ... 自己紹介 »

Archives
Categorise
Comments

Trackbacks
Links

MyBlog Links

Friend Links

Favorite Links

AffiFrend Links

Software | Material Links

Tips | Customize Links

Affiliate Links

Access Up Links

このブログをリンクに追加する

Ad Rakuten

Ad Micro

マイクロアドBTパートナーでおこづかいゲット!

Ad Sense

Ad Trend Match

Ad Adgger

アフィリエイト

ウェルカムボード

大阪 出張マッサージ 鍼灸 神戸 心理カウンセラー 福岡 Gree 広告 DM 制作 ダイレクトメール 代行 ダイレクトメール 発送代行 ショッピング枠現金化 リサイクルショップ 大阪

AccessUp Parts

キーワードアドバイス
ツールプラス

PING送信プラスSEO対策

RSS | Parts

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。