![Обикновена галерия от изображения галерия от изображения](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZnr63cStK_aImX71N7u63-i-LZOA0ontSJ5BQTHNtsNDMgPsPgr3ne1uSdGgY3WCA6qYzmOcy1Ay3eraBTjasG34f5S5U1HYWo5YkDXMZVyMafeah-P1vV3s00zH2Cl3HVGTM38v34WY/s1600/skrin_1.png)
<div id="gallery">
<img alt=" название" src=" адрес изображение 1" />
<img alt=" название" src=" адрес изображение 2 " />
<img alt=" название" src=" адрес изображение 1" />
<img alt=" название" src=" адрес изображение 2 " />
<img alt=" название" src=" адрес изображение 3" />
<img alt="название" src="3.jpg" />
<img alt="название" src="4.jpg" />
<img alt="название" src="5.jpg" />
<img alt="название" src="6.jpg" />
<img alt="название" src="7.jpg" />
<img alt="название" src="8.jpg" />
</div>
<style>
#gallery {
text-align: center;
width: 610px;
margin: 70px auto;
}
#gallery img {
width: 300px;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
opacity: 0.6;
z-index: 1;
margin: 0;
position: relative;
}
#gallery img:hover {
-webkit-transform: scale( 1.5 );
-moz-transform: scale( 1.5 );
-o-transform: scale( 1.5 );
box-shadow: 0px 0px 25px gray;
-webkit-box-shadow: 0px 0px 25px gray;
-moz-box-shadow: 0px 0px 25px gray;
opacity: 1;
z-index: 10;
}</style>
Редът, маркиран в червено, е мястото, където ще въведете URL адресите на вашите изображения. В тестовия блог са показани само 3 изображения. Така че, ако искате повече или по-малко, съответно ще трябва да добавяте или премахнете редчето:
<img alt=" название" src=" адрес изображение 1" />
Сега готовия код въведете директно в редактора на публикацията, там където искате да се вижда или на отделна страница, но в HTML режим. Ето така компактно и красиво можете да подредите един малък вернисаж на своя собствен блог. Зарадвайте посетителите на своя блог с красиво подредените си изображения.
От мен това е всичко.
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и гласувате за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Няма коментари:
Публикуване на коментар