当サイトでは、自作のXOOPS(XOOPS Cube Legacy 2.2)用テーマの無料配布を行っています。

機能をちょっとアップするプリロードなどもあるので、是非ともご利用くださいませ。

新着ダウンロード

    このカテゴリには 21 件のファイルがあります

カテゴリ preload
ページトップに戻るボタン(画像)を表示させるプリロード 人気ダウンロード情報
バージョン: 0.01   掲載日:  2013/8/15
説明
* @file ScrollTop.class.php
* @package For legacy Cube Legacy 2.2
* @version $Id: ScrollTop.class.php ver0.01 2013/8/14 00:00:00 marine $

2013/8/14

これは、ページをスクロールした際にトップに戻るボタン(画像)を表示させるプリロードです。
jQueryのプラグインを利用して、少しスクロールした時に右下にボタンが現れるように設定しています。
トップに戻る際は、画面右側に出現した画像(キューブ君)をクリックするとスルスルっとスムースにスクロールして戻ります。
 


preload フォルダにある ScrollTop.class.php ファイルをFTPにてサイトのXOOPSルートにある preload ディレクトリにコピーしてください。
common フォルダにある scrolltop フォルダをFTPにてサイトのXOOPSルートにある common ディレクトリにコピーしてください。

これで、どのテーマを利用しているときでもスムーススクロールが利用できます。
(注:テーマが同様の機能を実装している場合やjavascriptによるウィンドウの制御などを行っている場合は、本プリロードの機能が効かないこともあります。)


なお、このプリロードでは、サイトのルートにXOOPSがインストールされている場合を想定して、画像のパスを設定していますが、サブディレクトリ等にXOOPSをインストールして運用されている場合は、/common/scrolltop/scrolltopcontrol.js の12行目の src=" 以下をご利用になるサイトに合わせて記述変更を行ってください。

12行目
controlHTML: '<img src="/common/scrolltop/cubekun.png" style="width:80px; height:80px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

ダウンロード数 207   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.2x   ライセンス GPL v. 2.0   ホームページ Xoops123
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (0)

新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ