Показать сообщение отдельно
  #3 (permalink)  
Старый 16.08.2016, 20:38
Аватар для sovsem-nub
Профессор
Отправить личное сообщение для sovsem-nub Посмотреть профиль Найти все сообщения от sovsem-nub
 
Регистрация: 15.10.2014
Сообщений: 255

вот сам слайдер на 5 картинок http://heeg.ru/test/heeg_testls9.html#slider22

он работает на чистом CSS (без js)

сам CSS находится здесь http://heeg.ru/test/heeg_testls9.htm...eSheetTo pic4

CSS можно менять прямо на сайте и вид слайдера будет меняться. Ваша замена сработала. Но если куски с процентами нельзя заменить, значит не получится сделать слайдер на бесконечное количество фото?

вот такой кусок ТЕОРИТИЧЕСКИ можно заменить на бесконечный?

/* The next bit is a bit wordy, but it just positions the slides at either side of the selected slide 
   so we get a cool 3D effect */
.slider2 input:nth-of-type(1):checked ~ .slides2 > .tk-museo-sans span:nth-of-type(2) ,
.slider2 input:nth-of-type(2):checked ~ .slides2 > .tk-museo-sans span:nth-of-type(3) ,
.slider2 input:nth-of-type(3):checked ~ .slides2 > .tk-museo-sans span:nth-of-type(4) ,
.slider2 input:nth-of-type(4):checked ~ .slides2 > .tk-museo-sans span:nth-of-type(5)  {
	-webkit-transform: rotateY(-10deg) scale(0.8) translateX(-10%);
	transform: rotateY(-10deg) scale(0.8) translateX(-10%);
	z-index: 0;
}


или это невозможно?

Последний раз редактировалось sovsem-nub, 16.08.2016 в 20:43.
Ответить с цитированием