Пытаюсь сделать так, чтобы при клике на миниатюру внизу, во время смены сорса основной картинки последняя была скрыта, а поверх нее показывался див с анимацией загрузки (гиф).
Код онклика миниатюры:
onclick="imgOn('large/1.jpg','s5')"
Код смены основной картинки + анимация
function imgOn(imgSrc,imgId) { document.getElementById('central_photo').style.visibility = "hidden"; // скрываю основную картинку document.getElementById('load').style.visibility = "visible"; // показываю скрытый див с гиф анимацией img = new Image(); img.src = imgSrc; // делаю предгазрузку картинки в Image document.getElementById('central_photo').src = img.src; // заменяю сорс основной картинки document.getElementById('central_photo').style.visibility = "visible"; // показываю основную картинку document.getElementById('central_photo').title = document.getElementById(imgId).title; document.getElementById('load').style.visibility = "hidden"; // скрываю див анимации }
Результат не такой как ожидалось - анимация не появляется, картинки загружаются "на глазах", а не скрыто.
Возможно решение для этого вообще иное? подскажите! Спасибо
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
danie
http://svyatoslavdesign.com.ua/works/cottege/1/
Пытаюсь сделать так, чтобы при клике на миниатюру внизу, во время смены сорса основной картинки последняя была скрыта, а поверх нее показывался див с анимацией загрузки (гиф).
Код онклика миниатюры:
Код смены основной картинки + анимация
Результат не такой как ожидалось - анимация не появляется, картинки загружаются "на глазах", а не скрыто.
Возможно решение для этого вообще иное? подскажите! Спасибо
Edited by danieLink to comment
Share on other sites
11 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.