indenger20

http://prntscr.com/gesikq

Удалить

$(document).ready(function() {   

	$('a[name=modal]').click(function(e) {

		e.preventDefault();

		var id = $(this).attr('href');

		var maskHeight = $(document).height();

		var maskWidth = $(window).width();

		$('#mask').css({'width':maskWidth,'height':maskHeight});

		$('#mask').fadeIn(1000); 

		$('#mask').fadeTo("slow",0.8); 

		var winH = $(window).height();

		var winW = $(window).width();

		$(id).css('top',  winH/2-$(id).height()/2);

		$(id).css('left', winW/2-$(id).width()/2);

    //add text

    $(id).fadeIn(2000, function() {

    	setTimeout(function() {

    		$('#settimeout').html("Появляющийся в окне текст");

    	}, 5000);

    }); 

  });

	$('.window .close').click(function (e) { 

		e.preventDefault();

		$('#mask, .window').hide();

    //remove text

    $('#settimeout').html("");

  }); 

	$('#mask').click(function () {

		$(this).hide();

		$('.window').hide();

    //remove text

    $('#settimeout').html("");

  }); 

});

Вот так

Если я правильно все понял, то вот о чем я.

1. http://prntscr.com/gd90ig

2. http://prntscr.com/gd911q

Теперь ширина блока с картинкой зависит от ширины родителя.

И если задать фикс высоту/ширину родителю, то картинка сохранит свои пропорции.

Тут либо js-ом задавать ширину и высоту картинки.

Либо css свойством objec-fit:cover

Верстка - sublime text 3.

Кодинг - phpstorm.

И полистай мануалы: как и зачем их настраивать.

А в чем проблема слайдеру добавить класс, в котором будет opacity: 0

а при загрузке страницы (внешних ресурсов) убрать этот класс ?

Я обычно так и делаю.

Расскажу конкретный пример о "невозможно" (рассказывал товарищ, который работает js прогером).

Делает компания некое приложение (браузерное). И приходит им пожелание от заказчика, мол мы хотим, что бы при повороте телефона на несколько градусов, что-то происходило. Так вот, это невозможно, в контексте браузера.

Записывайте в куку значение каждую итерацию, а при инициализации скрипта узнавать значение в куке, или дефолтное ставить. если куки нету (переменная i)

burunduk, mendel вам это и пытается донести, в валидатор нужно смотреть, что бы увидеть вот такие косяки, где див вставлен в строчный элемент, хотя браузер сам разрулит это дело, правда не так как мы этого хотим (построит дерево валидно).

А гоняться за всеми ворнингами и банальной мелочью, которая ни на что не влияет - трата времени.

Вы же понимаете, что адаптив адаптиву рознь.

Можно сделать на свое усмотрение, так как вы описали, а бывает, тебе приносят макеты, а там полный "ахтунг" в мобильной версии.

Например, элементов в 3 раза больше чем на десктопе и 100500 уровней вложенности в выпадашках.

Помимо этого, все отступы отличаются на планшете/мобиле, элементы ведут себя как хотят (прыгают с места на место).

Да и баги на устройствах нужно отловить и пофиксить.

И заказчики потом удивляются, почему так дорого и долго, наслушавшись, что там делов на 10 минут и 2 строчки кода.