FC2ブログ

スポンサーサイト

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

生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長

Highslide JS(ハイスライド)をつけてみた

Highslide JS(ハイスライド)を設定してみた

ハイスライドはライトボックスのようなもので結構お気に入りだ
ドラックして動かせるのが最大の違いなのかな

通常は画像の閲覧で使うことが多いだろう
以前私も画像で使わせてもらった
多彩な応用が魅力だろう

47★Gサイトで利用 良ければ覗いてね

今度はHTMLで使ってみた
iframeが写真と同じように画面の上に出るイメージだね

HighSlide JS(ハイスライド)をつけてみた
※赤い所でハイスライド起動

前の画像のでの利用と同じものを使ったが
後から見てみると現在は4.1.5にバージョンアップされていた
(私は4.1.3)
HTMLでフォームも表示できるようだ
今度アンケートなどにぜひ使ってみたい!!


話は戻って設定の話

ハイスライドは結構直感的に設定できると思う
DL後に「index.htm」があり
行いたいエフェクトを選択・クリックしてみて
そのHTMLのソースを見れば3ステップぐらいでどうすればいいのか書いてある
英語がわからなくてもなんとなくわかるよ

やりたいエフェクトだけのJSをアップしてもいいけど
ファイルごとアップするのが楽でリンク階層もあってるから
スクリプトが入ってる「hislide」はフォルダごと
全部アップしちゃいましょう

他の「images」や「exanple」はやりたいスクリプトを実行するファイル群だから
アップの必要はなし
サンプル表示用だね

もし動かない時はまず階層を疑ろう
HTMLのコードとJSファイルの階層をあわせよう(../や/で)
一番上の階層にUPして設定ページもそこならきっとそのままでOKでしょう

後はタグの違い
これはソースのコードをコピーすればOKだね

画像での利用の際ボタンのカスタムなどCSSでできるのだが
忘れてしまった・・・
参考にさせていただいたHPも・・・


ハイスライド 自分が忘れないよう記録しました
また誰かの目にとまって参考になれば幸いです


ところでこの上の画像
Cropperというデスクトップ画面を撮る
プリントスクリーンの便利なやつ
自由に大きさなどの設定ができるし意外と便利!

また今度紹介します


生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長

コメント

コメントの投稿

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

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

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