Суреттерді өзгерту үшін JavaScript

Мен img1, img2, img3, img4, ......., imgx. деп аталатын кескіндерді жинақтадым. img1 кодты document.onload() бойынша және img2 дегенге өзгертетін бірінші нұқу суретін img3 содан кейін әрбір NEXT түймесіндегі келесі суретке ұқсас болады. Осылайша, мен бұрынғы суреттерге қайта оралу үшін PREVIOUS батырмасына қажет боламын.

Бұл қалай жүзеге асырылады?

0
Бұл үшін кодты жаздыңыз ба? бәрі әлі тырысты?
қосылды автор Dev, көзі
- тіркелген немесе динамикалық суреттер жинағы?
қосылды автор Laurence Burke, көзі

2 жауаптар

var currentImage = 1;

window.onload = function() {
    showImage();
};

document.getElementById("next").onclick = function() {
    currentImage++;
    showImage();
}

function showImage() {
    document.getElementById("image").src = "img" + currentImage + ".jpg";
}

Бұл негіздер және сізге көмектесу керек. Қалғандарды жүзеге асыруға көмек қажет болса, нақты не істеу керек екенін сұраңыз. Есте сақтаңыз, көрсетілетін «келесі» кескін жоқ болғанда, сіз оны өңдеуіңіз керек. Сіз қайырымдылыққа қайта оралуды немесе жай жұмыс істемеуді қалайсыз ба?

4
қосылды
@LaurenceBurke Мен оған тозақ оны жасамайтындығына сенімдімін. Оны үйреніп, өзін-өзі сынап көру керек.
қосылды автор Alex Turpin, көзі
Ahh. Қасақана реторту үшін кешірім сұраймын.
қосылды автор Alex Turpin, көзі
@ Xeon06 - Xeon06 жеткілікті. Рахмет! Мен қалғандарды кодтаймын.
қосылды автор Mad coder., көзі
бұрынғы басуды қосу керек және функция кескін ауқымынан тыс шықпауын қадағалаңыз
қосылды автор Laurence Burke, көзі
ОП-ға не қажет екенін тағы да білу керек. Кешіріңіз, бұл үшін @ тегті қою керек
қосылды автор Laurence Burke, көзі
<script type="text/javascript">

var images = new Array("img/image1.jpg", "img/image2.jpg", "img/image3.jpg"); 
var cur_image = 0;

function goNextImage() {
    var img = document.getElementById('image');
    cur_image++;
    if (cur_image == images.length) {
        cur_image = 0;
    }
    img.src = images[cur_image];
}

</script>


1
қосылды