Как я могу переместить мой Onclick и Onmouseover из моего HTML в мой JavaScript?

Question

Как я могу переместить мой Onclick и Onmouseover из моего HTML в мой JavaScript?

0

Мой учитель сказал мне, что я не могу поместить Onclick и OnMouseover и т.д. В свой html? Мне нужно положить его в мою.JS fille? После некоторого поиска в google все делают то же самое, что и я? Я могу использовать только Javascript

Может кто-нибудь мне помочь?

<script type="text/javascript">
        var pauseSlider=false;
        var image = []
        image[0]=new Image()
        image[0].src = "./images/1.jpg"
        image[1]=new Image()
        image[1].src = "./images/2.jpg"
        image[2]=new Image()
        image[2].src = "./images/3.jpg"
        image[3]=new Image()
        image[3].src = "./images/4.jpg"
</script>

Это моя предварительная загрузка (html, может остаться там)

<img src="./images/1.jpg" name="slide" onmouseover="pauseSlider=true"    onmouseout="pauseSlider=false" onclick="slideNext()" width=960 height=500>

Так что это моя "ошибка", я должен поставить "onclick" и onmouseover и т.д. В моем.JS fille, я не знаю, как и где!

 var step = 1
document.getElementsByName'slide'
function slideit(){

    if(!pauseSlider)
    {
        slideNext()
    }
    setTimeout("slideit()",2500)
}
function slideNext()
{
    var slideimage = document.getElementsByName("slide")[0];
    slideimage.src=image[step].src

    if (step<image.length-1)
        step++
    else
        step=0
}

Это мой файл Javascript (это изображение)

Надеюсь, что я следил за правилами, не уверен в "блоке кода",

Я благодарю тебя!

Maxim 23 май 2014, в 10:28

Источник

0

Чистый Javascript, пожалуйста
Maxim 23 май 2014, в 07:43
0

ПРИМЕЧАНИЕ: атрибут name для элемента img не является допустимым HTML5, лучше используйте id
EaziLuizi 23 май 2014, в 07:50

Теги:

javascript

html

css

4 ответа

Ещё вопросы

ПРИМЕЧАНИЕ: атрибут name для элемента img не является допустимым HTML5, лучше используйте id

Hawk · Answer 1 · 2014-05-23T06-34-00.000Z

я предполагаю, что вы можете попробовать element.addEventListener(event, cbfunction, boolean);

https://developer.mozilla.org/it/docs/DOM/element.addEventListener

konghou · Answer 2 · 2014-05-23T06-32-00.000Z

Что-то вроде этого:

var slideimage = document.getElementsByName("slide")[0];
slideimage.onclick = function() { ...... };

G Ravinder · Answer 3 · 2014-05-23T06-16-00.000Z

существует множество способов связывания событий, описанных здесь

http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/

adeptCOGnition · Answer 4 · 2014-05-23T05-55-00.000Z

Добавьте идентификатор в свой контейнер слайдов...

<div id="slider">
    <img src="./images/1.jpg" name="slide" onmouseover="pauseSlider=true"    onmouseout="pauseSlider=false" onclick="slideNext()" width=960 height=500>
</div>

Затем добавьте свой javascript вот так...

window.onload = function(){
    var slider = document.getElementById('slider');
    slider.onclick = slidenext;
    slider.onmouseover = function(){pauseslider = true;};
    slider.onmouseout = function(){pauseslider = true;};
};