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

Question

Konstantin LazarevҚаз. 4, 2017, 11:06 Т.Ж.

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

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

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Талқылауға жазылыңыз2

Бөлімге жазылу6

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

Қаз. 5, 2017, 2:53 Т.Ж.

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

KL

Қаз. 7, 2017, 9:24 Т.Ж.

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%';
}
}

Қаз. 7, 2017, 5:10 Т.Қ.

Не вижу смысла в том, чтобы каждый раз придавать в стилях ширину 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

Қаз. 8, 2017, 9:28 Т.Ж.

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

Қаз. 8, 2017, 9:49 Т.Ж.

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

Пікірлер

Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
Кіріңіз немесе Тіркеліңіз