Увеличение изображения

@SLaiv · Регистрация: 14.09.2015

Author24 — интернет-сервис помощи студентам

Ребят, перелазил все, не нашел ответа, прошу Вашей помощи

Ситуация такова, делаю сайт доставки, в каждом окошке продукта имеется картинка которую не могу увеличить, не знаю в чем проблема, помогите

Прикрепляю скрин с хрома, не знаю достаточно инфы для Вас господа или нет

@whiteapps · 21.09.2015, 11:45

SLaiv,
1 выложите код
2 как вы ее увеличиваете?

@SLaiv · 21.09.2015, 11:56 **[ТС]**

whiteapps, Пробовал через - width увеличивать не получается.

Код только тот что справа, или какой Вам нужен ?

@1Ignis1 · 21.09.2015, 12:10

Вот допустим картинки:

HTML5

 <div class="gallery">
                 <a tabindex="1"><img src="pics/img1.jpg"></a>
                 <a tabindex="2"><img src="pics/img2.jpg"></a>
                 <a tabindex="3"><img src="pics/img3.jpg"></a><div>

потом в CSS прописываем:

CSS

/*Gallery*/
  
  .gallery a img{    
    /* округления старт */
    -webkit-border-radius: 25px;
    -moz-border-radius:  25px;
    border-radius:  25px;
    /* округления конец */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
    /* Тень старт */
    -webkit-box-shadow: 0px 2px 4px 1px #DFDFDF;
    -moz-box-shadow: 0px 2px 4px 1px #DFDFDF;
    box-shadow: 0px 2px 4px 1px #DFDFDF; 
    /* Тень конец */
    
    /* Прозрачнсоть старт */
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
    /* Прозрачнсоть конец */
    
    margin-right:5px;     /* Отступ справа */
    padding:10px; /* Внутренние отступы */
    display:inline-block; /* отображение */
    height:150px; /* Высота */
}
 
.gallery a img:hover{
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
 
.gallery a:focus img{
    position: relative;  /* Позиционирование */
    height:300px; /* Высота */
    cursor: pointer;    /* Вид курсора */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
    /* Тень старт */
    -webkit-box-shadow: 0px 4px 4px 1px #DFDFDF;
    -moz-box-shadow: 0px 4px 4px 1px #DFDFDF;
    box-shadow: 0px 4px 4px 1px #DFDFDF;
    /* Тень конец */    
}
 
gallery a{
    outline:0; border:0;
}

@SLaiv · 21.09.2015, 12:26 **[ТС]**

Я извиняюсь, я зеленоват в этом еще.
Вот отрезок кода который отвечает за перемещение.

CSS

.content .right div.menu_right div.element a.photo{
        position: absolute;
        top:13px;
        left: 13px;

@SLaiv · 21.09.2015, 18:05 **[ТС]**

И еще ребят, нашел где изменить размер изображения, вот только в Style.css вообще нет упоминаний.

На скрине класс photo openwin, при редактирование через Хром, выдает только расположение самой картинки, ниже где - img, в этом же разделе можно изменить сам размер, но в стилях ничего нет, заранее извиняюсь если не понятно выразился

@SLaiv 0 / 0 / 0 Регистрация: 14.09.2015 Сообщений: 20
		1
	Увеличение изображения 21.09.2015, 10:44. Показов 745. Ответов 5 Метки нет (Все метки) Ребят, перелазил все, не нашел ответа, прошу Вашей помощи Ситуация такова, делаю сайт доставки, в каждом окошке продукта имеется картинка которую не могу увеличить, не знаю в чем проблема, помогите Прикрепляю скрин с хрома, не знаю достаточно инфы для Вас господа или нет Миниатюры 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	21.09.2015, 11:45	2
	SLaiv, 1 выложите код 2 как вы ее увеличиваете? 0

@SLaiv 0 / 0 / 0 Регистрация: 14.09.2015 Сообщений: 20
	21.09.2015, 11:56 [ТС]	3
	whiteapps, Пробовал через - width увеличивать не получается. Код только тот что справа, или какой Вам нужен ? 0

@SLaiv 0 / 0 / 0 Регистрация: 14.09.2015 Сообщений: 20
	21.09.2015, 18:05 [ТС]	6
	И еще ребят, нашел где изменить размер изображения, вот только в Style.css вообще нет упоминаний. На скрине класс photo openwin, при редактирование через Хром, выдает только расположение самой картинки, ниже где - img, в этом же разделе можно изменить сам размер, но в стилях ничего нет, заранее извиняюсь если не понятно выразился Миниатюры 0