Смена изображений при нажатии на ссылки - Javascript - PullRequest
Новая
       0

Смена изображений при нажатии на ссылки - Javascript

0 голосов
/ 09 июля 2011

Я попытался создать простой JavaScript, который должен был переключать изображения при нажатии на ссылки.Это код всего сайта (это не так много, но это было предназначено только для проверки): 

<html>
<head>
    <title>Slideshow</title>
    <style type="text/css">
        #wrapper {
        width: 800px;
        height: 250px;
        margin: 75px auto auto auto;
        }
    </style>
    <script type="text/javascript">
        function changeImg(x) {
        document.getElementById(presentationImg).src='x';
        }
    </script>
</head>
<body>
    <div id="wrapper">
        <div id="mainnav">
            <ul>
                <li><a href="#" onClick="changeImg(design.jpg)">Design</a></li>
                <li><a href="#" onClick="changeImg(realisation.jpg)">Realisation</a></li>
                <li><a href="#" onClick="changeImg(deployment.jpg)">Deployment</a></li>
            </ul>
        </div>
        <div id="presentation">
            <img id="presentationImg" src="design.jpg" />
        </div>
    </div>  
</body>

Я был почти уверен, что это будет работать, но это не так, и у меня естьне знаю почему ... кто-нибудь знает почему и каково решение?

1 Ответ

1 голос
/ 09 июля 2011

Избавьтесь от кавычек вокруг x в вашей функции и вместо этого укажите ID элемента: 

document.getElementById("presentationImg").src = x;

Вам также понадобится процитировать строку, которую вы передаете в вашу функцию: 

<a href="#" onclick="changeImg('design.jpg')">

Как у вас сейчас, presentationImg будет неопределенным, так как вы не объявили переменную с таким именем. Чтобы заставить его работать так, как вы это делали изначально, вы можете сделать это: 

var presentationImg = "presentationImg";
document.getElementById(presentationImg).src = x;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...