ホームページ > ウェブフロントエンド > jsチュートリアル > 大画面フルスクリーン画像を実現するjQueryプラグイン album_jquery

大画面フルスクリーン画像を実現するjQueryプラグイン album_jquery

WBOY
リリース: 2016-05-16 16:09:42
オリジナル
1263 人が閲覧しました

大きい画像の全画面画像アルバム jQuery プラグインは、左右のボタンの切り替えと、大きな画像をクリックすることによる画像の自動切り替えをサポートします。jQuery プラグイン jQuery.album.js に基づいて、プラグインはサポートします。パラメータカスタマイズ機能、viewMode: 0 サムネイルなし 1 サムネイルあり 2 サムネイル。全画面表示。特定のパラメータについては、jQuery.album.js ファイルを確認できます。つまり、この効果は非常に優れています。

コードをコピー コードは次のとおりです:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">



非常不错的JS相册特效代码下载










 

 

 

   

     


   

   

 

 

   

     

         

   

   




<スクリプトタイプ="text/javascript">
関数scaleImage(o, w, h) {
    var img = 新しい画像();
    img.src = o.src;
    if (img.width > 0 && img.height > 0) {
        if (img.width / img.height >= w / h) {
            if (img.width > w) {
                o.width = w;
                o.height = (img.height * w) / img.width;
            } else {
                o.width = img.width;
                o.height = img.height;
            }
           // o.alt = img.width "x" img.height;
        } else {
            if (img.height > h) {
                o.height = h;
                o.width = (img.width * h) / img.height;
            } else {
                o.width = img.width;
                o.height = img.height;
            }
            //o.alt = img.width "x" img.height;
        }
    }
}




以上は、本明細書で広く共有されているサンプル コードであり、jQuery が大規模な支援に役立つことが期待されます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート