Scribblex:
.slider-item.active {
opacity: 1;
}
Как я понимаю этот стиль нужно применять динамически в jquery? Вот что я сделал на данный момент. В css правилах я добавил ваши правила для класса .slider-item
Для класса .active я применяю свойство opacity: 1; подставляемое jquery автоматически нажимая на кнопку смены кадра. Ничего не заработало, хотя я вижу в инспекторе элементов ваши правила. Я думаю, что я что то сделал не так...
Константин Громов: большое спасибо, буду осваивать) Посмотрел сейчас на разницу первого и второго ваших скриптов - она колоссальная. Хотя до этого для того, чтобы переключать слайд я использовал изменение атрибута src. Проблема в том, что изменяя атрибут невозможно достичь плавного перемещения картинки (что я в будущем буду стараться сделать) и на загрузку картинки требуется какое то время. Хотя работает всё так же
Константин Громов: спасибо) А это не слишком высокий уровень? Дело в том, что я хотел бы стать профессиональным backend-программистом, frontend мне нужен для уверенной вёрстки, не более и создания подобных скриптов.
Константин Громов: посоветуйте пожалуйста книги по изучению JS и Jquery, а то я пользоваться языком умею, а базовых вещей не знаю... За решение задачи огромное спасибо) Выручили.
Константин Громов: починил скрипт. Из-за хостера пропала последняя версия, пришлось восстанавливать. Вообщем проблема в том, что при нажатии на стрелочку, новое изображение отображается по размерам старого... Попробуйте. Вот ссылка: blog.find-out.org/test
Какую функцию вызвать для принудительного ресайза изображения?
Константин Громов: спасибо за ответ. К сожалению ссылку дал не ту. Я отлаживал на хостинге, а он упал часа 2 назад. Теперь скрипт тут: blog.find-out.org/test
Постараюсь вернуть работоспособность и опишу проблему уже на примере. Если коротко, то перестала работать функция подставляющая 100% ширины/высоты при изменении фото.
Константин Громов: ещё один вопрос возник. А как вы в своём скрипте обновляете размер картинки? Я вижу вы вызываете функцию setInterval() и в ней вычисляете положение картинки, а функция $(window).on("load resize") обновляет экран при изменении размера экрана, но вот что не понятно: я делаю слайдер чтобы переключать картинки, до этого я в теге img менял атрибут src и всё работало, но переключение было долгим и к тому же мне понадобилось сделать динамическое пролистывание. Я решил сразу же показать все картинки, но первую картинку сделать видимой, другие же спрятать с помощью display: none; При переключении первая картинка прячется display: none;, а последующая показывается display: block; так же у текущей картинки появляется атрибут id="currImage". Эффект такого пролистывания меня удручает. Пролистывание стало конечно быстрым, но размеры не считаются как положено. Пытался вызвать из своего скрипта вышеуказанные функции вашего скрипта, выдаётся ошибка, что функция не найдена, хотя мой скрипт вызывается после вашего. Как решается эта проблема? Понимаю, что что то простое, но что понять не могу... Вот ссылка на сайт: paper.bl.ee
Константин Громов: большое спасибо за ответы) По поводу движения всё оказалось намного прозаичнее, у клиента был отключен js) Но сейчас выяснилась другая проблема. Пока грузится картинка сайт не движется, это понятно, но бывает так, что при перезагрузке страницы скрипт просто останавливается. Почему это может происходить?
Константин Громов: не подскажете, а по какому принципу происходит зацикливание выполнения скрипта? В моей версии зацикливания не было, картинка просто пробегала и останавливалась. И ещё вопрос: на некоторых браузерах картинка получается статичной. Да и в моём он время от времени выдаёт просто страницу с растянутой картинкой. Почему это происходит и как с этим справляться?
Константин Громов: большое вам спасибо) Я сперва не изменил размер окна и думал, что скрипт никак не реагирует на изменения окна, но он реагирует. Вопрос по поводу размера экрана исчерпан. Могу ли я задавать вам тут вопросы, по работе скрипта если что то будет не понятно? Хочу разобраться как он функционирует.
.slider-item.active {
opacity: 1;
}
Как я понимаю этот стиль нужно применять динамически в jquery? Вот что я сделал на данный момент. В css правилах я добавил ваши правила для класса .slider-item
Для класса .active я применяю свойство opacity: 1; подставляемое jquery автоматически нажимая на кнопку смены кадра. Ничего не заработало, хотя я вижу в инспекторе элементов ваши правила. Я думаю, что я что то сделал не так...