div открывается не на 100%

Question

Konstantin LazarevOct. 4, 2017, 11:06 a.m.

div открывается не на 100%

Добрый день. Есть сайт as2207dj.bget.ru, на нем реализован слайдер. При нажатии на + слайд открывается в маленьких размерах.
Когда пользователь кликнет по новой вкладке(не закрывая сайт) и вернется на сайт as2207dj.bget.ru ширина слайдера отрабатывает. В чем может быть причина. Скрытие слайдера реализовано при помощи js

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription6

Do you like it? Share on social networks!

Oct. 5, 2017, 2:53 a.m.

А скрипт js там очень большой? можете привести его код? Скорее всего там немного криво определяется ширина браузера (или окна... подзабыл, что именно там определяться должно).

KL

Oct. 7, 2017, 9:24 a.m.

function DropDiv1()

{ 
var image=document.getElementById('ShowImage');

if(image.src.match("http://juravel/wp-content/uploads/2017/08/step_open_blue_pl.png"))
{ 
image.src ="http://juravel/wp-content/uploads/2017/08/step_open_blue.png";
document.getElementById('Div1').style.display='block';
document.getElementById('Div1').style.width='100%';
}
else
{
image.src="http://juravel/wp-content/uploads/2017/08/step_open_blue_pl.png";
document.getElementById('Div1').style.display='none';
document.getElementById('Div1').style.width='100%';
}
}

Oct. 7, 2017, 5:10 p.m.

Не вижу смысла в том, чтобы каждый раз придавать в стилях ширину 100%, почему бы Вам по умолчанию не сделать ширину на 100% для объекта Div1. Также сделайте два класса css, один будет иметь свойство dislplay: block; а второй display: none;

И устанавливайте не стили, а классы стилей. Тем более, что на сайте явно используется jQuery, то можете воспользоваться методами addClass, removeClass. Это поможет несколько улучшить ситуацию с кодом.

Но что касается самого по себе поведения всех этих изображений, то я внимательно глянул вёрстку, и нашёл, что там в одном месте в стилях задано всего 100 px, для ширины ненумерованного списка ul в котором располагаются картинки.

<ul class="tp-revslider-mainul" style="visibility: visible;display: block;overflow: hidden;width: 100px;height: 100%;max-height: none;left: 0px;">	<!-- SLIDE  -->

Видите, у этой штуки грубо забита ширина на 100px, а поэтому и контент изначально занимает всего 100px от ширины тега ul. Потом каким-то способом это фиксится скриптами, но работает всё равно криво. Если это прописано в php коде, то просто поставьте для начала width на 100 %, либо вообще не устанавливайте его.

KL

Oct. 8, 2017, 9:28 a.m.

width 100% я прописал от безнадеги) Изначально был div 100% ширины и он просто открывался и закрывался в зависимости от изображения.
Может этому классу передать class="tp-revslider-mainul"=100%

Oct. 8, 2017, 9:49 a.m.

Как вариант, устанавливайте ширину 100% этому самому тегу ul, поскольку наличие у него ширины в 100px однозначно привносит некоторые проблемы в работу скрипта.

Comments

Only authorized users can post comments.
Please, Log in or Sign up