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

Question

Konstantin Lazarev04 жовтня 2017 р. 11:06

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

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

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

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

Підпишіться на обговорення2

Підписка на розділ6

Вам це подобається? Поділіться в соціальних мережах!

05 жовтня 2017 р. 02:53

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

KL

07 жовтня 2017 р. 09: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%';
}
}

07 жовтня 2017 р. 17: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

08 жовтня 2017 р. 09:28

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

08 жовтня 2017 р. 09:49

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

Коментарі

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