// Load the classic theme Galleria.loadTheme('galleria.classic.min.js'); var option = { autoplay: 4000, imageCrop: false, height: 0.5625, // ギャラリー全体の縦横比 (横1に対して縦の比率を設定) maxScaleRatio: 1, // 画像のスケールアップ度を設定(1に設定するとオリジナルより伸張させない) _toggleInfo: false, // キャプションの表示(false:表示) // transition: 'flash' // 画像の遷移 } // Initialize Galleria Galleria.run('#galleria', option);
<div id="galleria"> <img src="images/slide1.jpg" /> <img src="images/slide2.jpg" /> <img src="images/slide3.jpg" /> <img src="images/slide4.jpg" /> <img src="images/slide5.jpg" /> <img src="images/slide6.jpg" /> <img src="images/slide7.jpg" /> <img src="images/slide8.jpg" /> <img src="images/slide9.jpg" /> <img src="images/slide10.jpg" /> <img src="images/slide11.jpg" /> <img src="images/slide12.jpg" /> <img src="images/slide13.jpg" /> </div>