spacegallery

 

<div class="spacegallery" id="myGallery">
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb0K3LhuhlZgK-bHs3cx8m3L-vDMq9ma_1tN-tGdX4LN6FclwqFVOt41ku7CBjM7HX6V3IlTZLaJbGHY2oaGFEf2IwKk_DJq3t1fuuvBQnhHe1iAO0iwGYfFWjTTFRrwUiF3RxJ631a1E/s1600/DSC_4027_12_600.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4XngN_KnmFMS2xk-Eh_qktVAdzHHXsU3vg66Ettzp7pD2O1lE5o6mr9jeQMNQtGOOTP7gU1auiCFiGGB1i5XU6MIHDs3y9mZyv-EiNt0xyDEiOxKQXp7O8dw3jjkNazpgBhjEcuTTY8/s1600/DSC_4411_600.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xUq6GVAenbH20jVnICewGp-Nxhi5ST3pO-sV74GJ0F9uY4US9cP7HgMSnKBTDTLTdKnhShE5E5pcINxxe0mKZWCq9qolymsp72c7tvSUPElUPKdHrCPOtvehPZ6SvBi4GJ-x8nLDAao/s1600/DSC_5994_600.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieHRJjD7La27o2vvPop3oyP0HSmFQ8v7zxFBMr7zq328QN6qqkmmQC5YAcatlp94-2NtVSBqqfAAVxDXC96TGaVRBxYtsY4kOdWAz3zigB0NQu5F0-JUckr7Qrwi1Rp2TpuXlyUAPLpes/s1600/DSC_5015_500.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVrBHd35m6lJLymU9Tq8PMluU7Bk5ZKbgvrayureYigHgJ8SPsTZ9hAb9pyM1gR0ELUASrHA7fwV0bR8wmBD69TmKWajdXLkwTTMiuoagqQklgQiWsXMp_W0ul6pVqXF219EyvaG21ck/s1600/DSC_3312_600.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJlkJngHR5aYbvgXMTvxYK-LOn-Xs0f5pJAG4oa7CVpQcWgoMR0otKLKtHJfoab2J1bTfgnw_xOx1aBXqeGcMCDY1hZHW8fk6M_y4FT4P_j-wCHeqBoccJz153LVToxmEJpLWnklRUC8/s1600/_DSC4656_600.jpg" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_5VD8jHZJbSdTCBr1D2Hn65RU7raQpmAmwKP6MPDrAG1miTK9WHMVBrmOSpGwv9oXBL7HWd7XXIQxzLWqgKZZzAovpHZtMgCfMRfyOLJ3-bkTFFUHyetLVl440afpUB5qZHMFzndGJU/s1600/_DSC4841_11_600.jpg" /><br />
<br />
<br /><br /><br />
<br /></div>
<br /><br />

Добавить в сообщение.

Те, кто использует Mac OS X, несомненно, найдете много общего с TimeMachine и ни в коем случае я уверен, вам понравится этот тип эффекта для просмотра изображений. Это Spacegallery Галерея сделаны с JQuery , в котором изображения появляются одна за другой, нажав. Вы можете видеть в примере ниже. Для использования этой галерее первого Скачать этот файл, Распакуйте и скрипты для хостинга три. Затем клей перед следующее: Добавить, где он указывает адрес файлы загружены ранее, но очень важно к списку в порядке, показанном, иначе она не может работать. Теперь, прежде чем ]]> вставьте этот: #myGallery { width: 100%; height: 400px; /* Alto de todo el contenedor */ } #myGallery img { border: 2px solid #52697E; /* Borde de las imágenes */ } a.loading { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuKeHuP2J_f3wjvLeBq1hwJHjK8k5kWvcX8Ny-0dch-hztGrvM1eQnP87EjVEujmnKB3IDwHdOYvFdXZZi6XxVv9nuPPLItr8XHqnY7LrrCdnf_MIeHkfU_FgSnaZa60wxbUnzlb_5V0M/) no-repeat center; } .spacegallery { position: relative; overflow: hidden; } .spacegallery img { position: absolute; left: 50%; } .spacegallery a { position: absolute; z-index: 1000; display: block; top: 0; left: 0; width: 100%; height: 100%; } Наконец ввести Макет | Элементы страницы | Добавить гаджет | HTML / Javascript и добавьте ниже:

Оригинал: размер фото - 466 х 300

Что положить Адреса изображений в галерее, учитывая, что последняя картинка будет первым, который будет отображаться.