Sexy Light Box

しろうさぎの作品

セサミストリート

  • 6枚の画像を用意して、Photoshopで「400×300」と「150×113」にトリミング

　　
　　

  • 配布元のSexy Light Boxよりファイルをダウンロード
  • JavaScriptの「mootools.js」と「sexylightbox.packed.js」を＜header＞内に読み込ませます
    ＜script src="mootools.js" type="text/javascript"＞＜/script＞
    ＜script src="sexylightbox.packed.js" type="text/javascript"＞＜/script＞
  • サムネール画像に
    ＜a href="images/images01.jpg" class="sexylightbox" rel="group1" title="みんあんまつまれ！ベースボール"＞＜img src="images/images01s.jpg" alt="" /＞＜/a＞
    ＜a href="images/images02.jpg" class="sexylightbox" rel="group1" title="セサミストリートのVictory"＞＜img src="images/images02s.jpg" alt="" /＞＜/a＞を指定します
  • 総作業時間：45分


■しろうさぎの作品
「一人前のwebデザイナーになるために｜webnotebook」にアップ中！！