ホームページ > 記事 > ウェブフロントエンド > 大画面フルスクリーン画像を実現するjQueryプラグイン album_jquery
大画面フルスクリーン画像を実現するjQueryプラグイン album_jquery
- WBOYオリジナル
- 2016-05-16 16:09:421189ブラウズ
大きい画像の全画面画像アルバム 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">
<スクリプトタイプ="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 が大規模な支援に役立つことが期待されます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。