Flash風のエフェクト_画像特殊効果を備えたJavaScript三次元画像ブラウザ-jsチュートリアル-php.cn

PS: レンダリングを表示します。必要に応じて画像のスタイルを調整できます コード

コードをコピー コードは次のとおりです: //画像ブラウザ コンテナ #container{position:absolute;} #container img{position:absolute;} //半透明マスクレイヤースタイル .mask2{ background:#99FF00; opacity:0.3; (Opacity= '30'); position:absolute; } //より暗い半透明マスクレイヤースタイル background:#99FF00; opacity:0.3 filter:Alpha(Opacity='50'); position:absolute; 🎜 > 🎜> 🎜> //画像リスト配列 var imgArray = new Array(); imgArray[0]="1.jpg"; imgArray[2]= 3.jpg"; imgArray[3]="4.jpg"; imgArray[4]="5.jpg"; imgArray[5]="6.jpg"; imgArray[6]="7.jpg"; imgArray[7]="8.jpg"; imgArray[9]="10.jpg"; jpg"; // デフォルトで表示される画像シーケンス番号 varbase = 0; // オフセットを指定して、配列シーケンス内の前後の画像を表示します。offset パラメーターは、オフセット function showImg(offset ){ base=(base-offset)%imgArray.length; //塩基番号から始まる 5 枚の画像を表示 for(var i=base;i var img = document.getElementById("img0" (i-base 1)); //画像が前から後ろにループして表示されるかどうかを決定します if(i //ピクチャが後ろから前へループで表示されるかどうかを決定します else if(i>(imgArray.length-1)) {img.src=imgArray[i-imgArray.length]; } else {img.src=imgArray[i];} } } //画像ブラウザで画像を初期化します function initImg(){ showImg(3 ); } //ページがロードされた後に呼び出します window.onload=initImg(); 関数 initimg(){ showImg(3)