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
fc2動画β版

fc2からメール来てました。11月からやってるみたいですが、今現在671件の動画 …

no image
mySQLのDownload元が分からない

以前、Apache+PHP4+mySQL4.0.24をインストールしてlolip …

no image
.htaccessで携帯用ページに振り分ける方法

携帯端末以外のIPを制限するhtaccessを簡単生成 これは便利だし、「出力す …

no image
dark-city-10@Themes

このブログはWordPressMEというGPLライセンスのブログエンジンで出来て …

wordpressのテーマstinger5の記事冒頭にアイキャッチ画像を表示する為の改造

stinger5の初期状態のままだと、アイキャッチを設定しても、記事一覧には表示されますが、記事本文には表示されません。それではちょっと寂しいと感じましたので、テーマファイルを改造してみました。
最後の「まとめ」に、コピペで改造できるようにソースコードを載せています。

no image
オーダースーツ@榮屋本舗

個人的には、普段はスーツとは無縁の生活だが、近々、同級生の結婚式の為に礼服を着な …

no image
RYGでN3Rしてみない?

リャグ(RYG) 何でもアルファベットor数字3文字に略してしまおうというコンテ …

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

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

no image
異性に対し、「うわ、無理」と思ったことの段

私的な用件に参考になればと見ていたMSN相談箱で、こんなのを見つけました。 異性 …

no image
Ajaxのloading画像ジェネレータサイト2つ

javascriptなどでページ書き換えの待ち時間によく見かけるgifアニメーシ …