javascriptとモジュールを使ったSIRIUSシリウス

javascriptで現在の日時 | SIRIUSシリウスjavascript

なう、ですね♪合ってますか？^^さて、これはどうやって表示していると思いますか？はい、ワタクシ頑張ってこのページだけ絶えず更新ボタン連打し続けています！！！そんなわけないですよね^^;これは、javascript言語を用いて表示しています。その方法をご紹介しますね♪javascript言語をシリウス...

≫続きを読む

一定時間で画像切替 | SIRIUSシリウスjavascript

下の画像はどんどん画像を切り替えている状態になります。なんだか時限爆弾のようなカウントですが笑、これはいま、5枚の画像を１秒で切替えてループさせています☆簡易アニメーションやさくっと写真を見てもらいたい場合に、使えそうですね♪スペースが取らないので、多数の広告をループさせるのにも＾＾では手順を紹介し...

≫続きを読む

一定時間でフェード画像切替 | SIRIUSシリウスbxslider

前回は、ただの画像切替についてご紹介しましたが、今回はそこにフェード（クロスフェード）を加えたものを説明します。（確認テンプレートはデフォルトとビジネス／ブラウザはIE、google chromeになります。）またbxsliderというプラグインを使用します。それで出来るフェード画像がこんな感じです...

≫続きを読む

スライダー画像実装 | SIRIUSシリウスbxslider

シリウスで下のようなスライド画像を設置する方法です。デモ動作ページへ移る（２段目の横スライド画像）こちらもデフォルトテンプレートとビジネステンプレートで、記事中・ヘッダー画像で動作確認しています。前回、フェード画像の紹介をしましたが、その手順４の一部内容を変更するだけです。まずは、フェード画像設置の...

≫続きを読む

スライダーロール画像実装 | SIRIUSシリウスjQuery

前後左右の画像を表示しつつスライドするカルーセルスライダーの実装方法のご紹介です。jQueryのFilmRollを使用した方法で、ビジネステンプレートのヘッダー画像にて動作確認しています。まずは、こちらのデモページをご覧ください。デモページにいくよく企業のホームページなんかで見たことのあるヘッダー画...

≫続きを読む

画像の表示を大きくする方法 | SIRIUSシリウスjavascript

javascriptを使って画像をクリックすると、別ウィンドウで表示を大きくする方法（原寸表示）のご紹介です。非常に簡単♪まず下の画像をクリックしてみてください。（購入特典のテンプレート画像ですw）この画像の原寸は、横1284×889ピクセルです。上の本文中では20％の大きさで表示させ、クリックする...

≫続きを読む

画像をlityで拡大表示方法 | SIRIUSシリウスjquery

前回の記事では、javascriptの構文だけで表示を大きくさせましたが、安っぽさを感じますね（笑）今回説明する拡大表示方法は、まず下の画像と文字をクリックしてしてみてください。　　　こちらもクリックしてみてください。すると、google画像検索で表示される画像のように背景が薄黒で画像がかっこよく表...

≫続きを読む

ページの先頭へ戻るボタン | SIRIUSシリウスjavascript

このサイトのフッター部分には、ページ先頭ボタンが実装されていますが、（その記事はこちら）今度はjavascriptを実装させてカッコよくスルスルとページ先頭に戻すボタンの設置方法をご紹介します。このサイトでも記事を下にスクロールしていくと、画面右下に”このページの先頭へ”というボタンが出現しますね。...

≫続きを読む

おみくじを設置する方法 | SIRIUSシリウスHTMLとjavascript

今日は、サイト内におみくじを設置する方法のご紹介です♪まずはこんな感じです↓超簡単なので、ちょっとしたお楽しみコンテンツに使えます。また割合（パーセント）も調整できるので、他にも何か使えそうですね！では、手順！手順１使いたい画像を準備して、画像管理の中へ追加しておきます。ここでは、kuji0、kuj...

≫続きを読む