Проблемы с моим кодом предварительного загрузчика изображений Javascript - PullRequest
Новая
       24

Проблемы с моим кодом предварительного загрузчика изображений Javascript

0 голосов
/ 03 августа 2010

Я не могу понять, почему мои изображения по-прежнему не отображаются с моим кодом. Все мои папки и изображения имеют правильные названия и размещены соответственно. Однако, если кто-то может просмотреть мой код и увидеть, есть ли там ошибка и заставить этот код работать правильно Это было бы здорово. 

    <!DOCTYPE html>
<html>
    <head>
        <title>Sample page</title>   
        <script type="text/javascript">

function changeImage(replacement)
        {
            document.getElementById("main_image").src = replacement;
            return false;   
        }

//  End -->
</script>
</head>






<body>

<p>
<a href="javascript:changeImage('image1.jpg')">Image 1</a>
<a href="javascript:changeImage('image2.jpg')">Image 2</a>
<a href="javascript:changeImage('image3.jpg')">Image 3</a>
<a href="javascript:changeImage('image4.jpg')">Image 4</a>
</p>
<p>
<img id="main_image" src="image-viewer/blank.jpg" alt="" /></p>


<p><center>
<font face="arial, helvetica" size"-2">
</center><p>



</font></body>
</html>

Ответы [ 3 ]

2 голосов
/ 03 августа 2010

Удалить строку return false;.
(Это должно использоваться только для onclick обработчиков)

Когда вы возвращаете любое значение из javascript: URI, браузер переходит к возвращаемому значению.
Когда вы возвращаете false из обработчика события, событие подавляется.

0 голосов
/ 03 августа 2010

image1.jpg, image2.jpg, image3.jpg и image4.jpg в той же папке, что и вставленный файл?Если нет, вам нужно указать путь к этому в вашем javascript:changeImage() вызове.

0 голосов
/ 03 августа 2010

Трудно сказать без примера страницы.Если все ваши изображения находятся в каталоге 'image-viewer', вам нужно будет добавить это к пути во всех ваших ссылках, т.е. 

<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>
...