「maxImage」 - 画面にあわせて背景画像のサイズを自動調節

maxImage
  • 画面にあわせて背景画像のサイズを自動調節
maxImage Scaling Plugin Demo ■ファイル 1.ヘッダーに導入
<script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
2.body内にimg要素で記述する
<img src="bg.jpg" class="bgmaximage" />
3.設定用のjsを記述する
<script>
$(function(){
    jQuery('img.bgmaximage').maxImage({
        isBackground: true,
        overflow: 'auto'
     });
});    
</script>
4.CSSを記述する(指定することで余計なスクロールバーを消せる)
<style>
img.bgmaximage {position:fixed !important;}
</style>


タグ:jquery
2010年06月21日  このブログの読者になる 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。