✍ 📁 🙈 🙉 🙊
HTML
window Resize
html 測試 左入右出
html 測試 上入下出
html 測試 單入單出
html 測試 左單右單
第三方 程式
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <link href="https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="https://unpkg.com/nanogallery2/dist/jquery.nanogallery2.min.js"></script> <div id="nanogallery2"></div> <script> $("#nanogallery2").nanogallery2({ thumbnailWidth: 200, // 縮圖寬度 thumbnailHeight: 200, // 縮圖高度 galleryDisplayMode: "moreButton", galleryDisplayMoreStep: 2, // 最多顯示幾行 items: [{ src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuyvs16AgCFxqcUQwJL-hbM6BO1KqesIX6dhv0b_OuoJxGHtGol8D2AK-n9b4-G1Mb6QVk9eEgkbehZ3Ok3g7D_fE_cTgc-RpgZn3vLs0L-DumSz9KfEsKlz-uDzv0J-AGbLvY4z51QGUph4DNj0QR0yDk9r_QM7Ht2swrkHGqmNm3xgplRhDE2wuzag/s1600/IMG-20191202-WA0000.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuyvs16AgCFxqcUQwJL-hbM6BO1KqesIX6dhv0b_OuoJxGHtGol8D2AK-n9b4-G1Mb6QVk9eEgkbehZ3Ok3g7D_fE_cTgc-RpgZn3vLs0L-DumSz9KfEsKlz-uDzv0J-AGbLvY4z51QGUph4DNj0QR0yDk9r_QM7Ht2swrkHGqmNm3xgplRhDE2wuzag/s300/IMG-20191202-WA0000.jpg', title: 'pic 1' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlsqgvtbtMMw9gpcE7nwt7yL2EHl69kHvpoXNyXXm66zikbro9EZcah31RDRaasi49_uIkrKnTT8kdSWnruLHE72MpmtsWQ6zYLtn3-MYRQzkjg_8aRq_dsS_P8aFJaR2snH-bSFfvkrlZc86Qu8a5DzcQvuPMyNIwdGBsK4BkMIkODSOs-v71SbCB_Q/s1600/20191126_143256.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlsqgvtbtMMw9gpcE7nwt7yL2EHl69kHvpoXNyXXm66zikbro9EZcah31RDRaasi49_uIkrKnTT8kdSWnruLHE72MpmtsWQ6zYLtn3-MYRQzkjg_8aRq_dsS_P8aFJaR2snH-bSFfvkrlZc86Qu8a5DzcQvuPMyNIwdGBsK4BkMIkODSOs-v71SbCB_Q/s300/20191126_143256.jpg', title: 'pic 2' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNy1uMUlLwi86lNrgf-M81v0o5hVBi1_PPJMH_orOBiQ7D2nEunRkd1ZfUlqFR-02c9n-IURzVzgb7Zky-nHsw3JGK-qUnrp_3lJ48Ho01z00bYw7UuzJ3zx-y1rBFh7VTJqpxetQoMPE_q8-Dl6_dYydqYkS2kKSzd6JxmTfYkUae2Yd-QFFiAMreA/s1600/20200529_152852.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNy1uMUlLwi86lNrgf-M81v0o5hVBi1_PPJMH_orOBiQ7D2nEunRkd1ZfUlqFR-02c9n-IURzVzgb7Zky-nHsw3JGK-qUnrp_3lJ48Ho01z00bYw7UuzJ3zx-y1rBFh7VTJqpxetQoMPE_q8-Dl6_dYydqYkS2kKSzd6JxmTfYkUae2Yd-QFFiAMreA/s300/20200529_152852.jpg', title: 'pic 3' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHsgcJ0H-mPZc-1dybdGBrA11_hkuAKoPNbD5oMAlijaTNJ3Rd-WNQiCrkIMMNdbeAw88ZhNYvMOWJ5M_BePJ1qC3Ce2Jl8PemUrJYfbtA0OMht077z84BEt3ib8cXcMHNJ0InN6qXzaDoqoqEkwCqnHzutqyY4CklCdTTRnYwEsV1F5TvCv1T5C0cQ/s1600/20191025_112621.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHsgcJ0H-mPZc-1dybdGBrA11_hkuAKoPNbD5oMAlijaTNJ3Rd-WNQiCrkIMMNdbeAw88ZhNYvMOWJ5M_BePJ1qC3Ce2Jl8PemUrJYfbtA0OMht077z84BEt3ib8cXcMHNJ0InN6qXzaDoqoqEkwCqnHzutqyY4CklCdTTRnYwEsV1F5TvCv1T5C0cQ/s300/20191025_112621.jpg', title: 'pic 4' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3QDcfnkB1vG7u0cjB5iwUt7l4osEFtG4rP0fOE1QK4XoqpQNzPuQXANpic1ddJkPjeD4tx48dCLEb5IGijY6lQG1K3mznGVI9tnQek4gzOa0Mct1A00HTFnITTLjAGaN9ZDQK13E-GjmAhk_m81dsIWDzBbWBxowOzl8WLNhHSdzSPUVMNAmxOWmTEg/s1600/20200522_164632.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3QDcfnkB1vG7u0cjB5iwUt7l4osEFtG4rP0fOE1QK4XoqpQNzPuQXANpic1ddJkPjeD4tx48dCLEb5IGijY6lQG1K3mznGVI9tnQek4gzOa0Mct1A00HTFnITTLjAGaN9ZDQK13E-GjmAhk_m81dsIWDzBbWBxowOzl8WLNhHSdzSPUVMNAmxOWmTEg/s300/20200522_164632.jpg', title: 'pic 5' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2PElNglFSR1m_LLV2tgdkPI_HgR4S05N9fnn0o0aA9tLk7rEqW9MiTSGaOPzDz5Wf9VIe1dyop4bICQr6DMCYzqvd--OUdKDC1pp31hmSqTh3R9UkMft68mxOcrzjWwn56_FNdSuWSpcHeXasuC0juRl-cxHLIfn8pXVvHXOA_Jhg6DATqTmLe2INA/s1600/IMG_20191208_103211_472.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2PElNglFSR1m_LLV2tgdkPI_HgR4S05N9fnn0o0aA9tLk7rEqW9MiTSGaOPzDz5Wf9VIe1dyop4bICQr6DMCYzqvd--OUdKDC1pp31hmSqTh3R9UkMft68mxOcrzjWwn56_FNdSuWSpcHeXasuC0juRl-cxHLIfn8pXVvHXOA_Jhg6DATqTmLe2INA/s300/IMG_20191208_103211_472.jpg', title: 'pic 6' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmaTf08B0hrtzCODqvxsLoje1x0qwZ00NZgGoGG8nW2g5DvmDbERNkaz8b56KWCjVrlplJawqE4u6zdL9y_J22fKve9j0Ct39Gj9ESlFu6RdZfhI18ITcazuInLYV7l26hrP7EGF9owfapQIdNXqGj1rnabv98JGtRRFMNHD1mV-Fgq5Kf3Nxf7Ijnw/s1600/20200713_103727.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmaTf08B0hrtzCODqvxsLoje1x0qwZ00NZgGoGG8nW2g5DvmDbERNkaz8b56KWCjVrlplJawqE4u6zdL9y_J22fKve9j0Ct39Gj9ESlFu6RdZfhI18ITcazuInLYV7l26hrP7EGF9owfapQIdNXqGj1rnabv98JGtRRFMNHD1mV-Fgq5Kf3Nxf7Ijnw/s300/20200713_103727.jpg', title: 'pic 7' }, { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-quKwarqtfqme3hZPKLiZAAv76HLTAGOynUrglz7pBl9B_yW9yvtnkwivkVB7alwGct7t7T6-COMMBIHfUOP1y3QmZDTpyKeRoYDm3S0AL9kiHZmQmOQINfOEkorO0uJnI2XLjXewf9pTdsyvMXgJb76stBtSYch_vw6uX9PxYVTjcRT23AFFtzCHA/s1600/20191108_175155.jpg', srct: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-quKwarqtfqme3hZPKLiZAAv76HLTAGOynUrglz7pBl9B_yW9yvtnkwivkVB7alwGct7t7T6-COMMBIHfUOP1y3QmZDTpyKeRoYDm3S0AL9kiHZmQmOQINfOEkorO0uJnI2XLjXewf9pTdsyvMXgJb76stBtSYch_vw6uX9PxYVTjcRT23AFFtzCHA/s300/20191108_175155.jpg', title: 'pic 8' }] }); </script>
預覽
還原
Edit
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言