ПОРТФОЛИО

Создание и ведение сайтов на веб языках HTML, PHP, CSS скрипты Java, PHP

- Неправильное отображение шрифта

Если у Вас иэроглифы подгрузке ява-скрипте, нужно добавить "charset="windows-1251" в < script charset="windows-1251" src="menuItems.js" type="text/javascript" >"

- Заметка

внедрен в проект ПГСХА


- СКРИПТ CSS3 увеличения фото при наведении

Пример кода для увеличения фото


<div class="dszoomimage">
<a href="#" title="Фото">
<img src="http://delaisait.ucoz.ru/images/mainboxicon.png" alt="Фото" >
</a>
<a href="#"  title="Фото">
<img src="http://delaisait.ucoz.ru/images/mainboxicon.png" alt="Фото">
</a>
<a href="#" title="Фото">
<img src="http://delaisait.ucoz.ru/images/mainboxicon.png" alt="Фото">
</a>
</div>
<style>
.dszoomimage {
text-align:center;
background:transparent;
}
.dszoomimage a img {
width:150px;
height:250px;
display:block;
border:0;
position:relative;
top:0;
left:0;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.dszoomimage a {
display:inline-block;
width:150px;
height:250px;
position:relative;
}
.dszoomimage a:hover img {
width:300px;
height:500px;
position:absolute;
top:-20px;
left:-20px;
box-shadow: 0 10px 15px rgba(0,0,0,0.5);
z-index:7;
}
</style>


Подробнее о настройках

Изменяем прозрачный фон картинки на свой здесь

background: transparent;

Изменяем размер ширины картинки до увеличения здесь

width: 150px;

Изменяем размер высоты картинки до увеличения здесь

height: 250px;

Изменяем время увеличения 0.5s здесь

-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;

Изменяем ширину картинки после увеличения здесь

width: 300px;

Изменяем высоту картинки после увеличения здесь

height: 500px;

 

- Автор или источник

внедрен в проект ПГСХА

внедрен в проект ПОРТФОЛИО Васильев Юрий


- СКРИПТ галереи ILOAD

Очень красивый фотоальбом

- Автор или источник

внедрен в проект ПГСХА

внедрен в проект Твоя МЕБЕЛЬ