AZuSk's secret log

AZuSkの日々的Hack雑記

Mootoolsのslideshowクラスの最初の表示だけランダムにする改造

   

スポンサーリンク

hoge.secret.jp_300x250

http://code.google.com/p/slideshow/

HP にスライドショー形式でバナーのような写真表示をさせる必要があり、flashとJavascript+CSSとの両方のバージョンを作成中でした。
今 回、javascriptフレームワークのMootoolsを使用してスライドショーを表示する上記codeを発見。
これは便利だと思い、早速 DL。

最初の表示画像をランダムにして以下は連番に表示するという希望だったので、ちらっと取扱説明書を読んでrandomをtrue に。
あらま、毎回ランダムな画像表示になるじゃあーりませんか。(そういう仕様なので仕方ないですが。)

ソースをちょこっと書き 換えて最初だけランダムにすることが出来たので、ここにメモっとく。
MIT-style licenseらしいのでその点でも公開しておきます。

ま ず新しくoptionを作ります。”randombegin”とでもしておきます。
48行目width: falseの次に”,randombegin:false”追加します。
コード部分の書き換えは355行目の

if (this.options.random)

if (this.options.randombegin || this.options.random)

と書き換えます。
サ ンプルhtmlで

var myShow = new Slideshow(‘show’, data, {controller: true, height: 300, hu: ‘images/’, thumbnails: true, width: 400,randombegin:true});

これで大丈夫のはずです。

Powered by ScribeFire.

未分類

スポンサーリンク

hoge.secret.jp_336x280

hoge.secret.jp_336x280

Message

メールアドレスが公開されることはありません。

CAPTCHA


  関連記事

no image
BlogPetのブログエディタの問題点

表示モードがhtml表示なので、タグの編集が出来ない。普通に文章を手打ちする分に …

no image
XAMPP 1.6.5のphpMyAdminでログインできなくなった時の話

ちょっとだけPHPの動作確認したい時に鯖PC立ち上げるのが面倒だったので、 (電 …

no image
ScribeFireにて

ScribeFireを使ってHPからログインしないで投稿するテスト。 ああ、Sc …

no image
BlogPetのブログエディタからWordPressに投稿するには

BlogPetの各種設定ページの「基本設定」-「ブログ」を設定します。 まず、B …

no image
IEのJavascriptでclass値を設定してもCSSが適用されない

JavascriptでRSSを読み込んで動的にリンクタグを作るスクリプトを組んだ …

no image
携帯各キャリア別絵文字ライブラリ

http://potora.dip.jp/これ有料http://search.c …

no image
【楽天市場】ドクターシーラボ アクアコラーゲンゲル スーパーモイスチャー 50g【アフィ】

【BSP】ドクターシーラボ アクアコラーゲンゲル スーパーモイスチャー 50g  …

no image
Twitterの脆弱性、PCで閲覧しただけで感染するそうだ

Twitterの脆弱性突くコードが拡散 Webブラウザでのアクセス自粛呼び掛け …

no image
Dreamweaverでサイトの管理情報が保存されないトラブル

HP作成にDreamweaverを使っているのですが、最近突然に、サイトの管理の …

no image
今が旬の検索ワード@楽天

喪中はがき 無料 テンプレート りんご 仮装 ハロウィン 子供 ハロゲンヒーター …