Не знаю, как сделать скрипт с предустановленными изображениями - PullRequest
Новая
       10

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

1 голос
/ 31 июля 2010

Может кто-то просмотреть это и сказать мне, что я должен сделать, чтобы заставить изображения показываться? 

<head>

<SCRIPT LANGUAGE="JavaScript">



<!-- //Begin

function changeImage(filename)
{
  mainimage.src = filename;
}

//  End -->
</script>

</head>



<body>

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


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


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

Ответы [ 3 ]

0 голосов
/ 31 июля 2010

Измените свою функцию на: 

function changeImage(filename) {
  document.main_image.src=filename;
  void(0);   
}
0 голосов
/ 01 августа 2010

Хороший друг помог мне найти это

mainimage.src = filename; неверно, и вместо этого должно быть

<img name="mainimage" src="image-viewer/blank.jpg">

должно быть

<img id ="mainimage" src="image-viewer/blank.jpg">

А потом вот это:

mainimage.src = filename;

должно быть

document.getElementById("mainimage").setAttribute("src", filename);

есть дополнительный тег в конце.

Я думаю, что у нее больше проблем с местоположением ее изображения. Ему нужно больше информации о проекте

Редактировать : Что может происходить у нее есть HTML-файл в той же папке как изображения который действительно не будет работать. потому что, если все ее файлы находятся в C: / изображение-просмотр / без подкаталогов и HTML-файл c:/image-viewer/index.html. Поэтому ей нужна новая папка для картинок

Потому что скрипт просит с: /image-viewer/image-viewer/image1.jpg в отличие от c: /image-viewer/image1.jpg

Если это не для класса, ей нужно научиться писать код, соответствующий стандартам. Посмотрите на DOM

если все файлы находятся в одной папке, тогда она должна покончить с image-viewer/ перед именами файлов.

0 голосов
/ 31 июля 2010 
<!DOCTYPE html>
<html>
    <head>
        <title>Sample page</title>   
        <script type="text/javascript">

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

        </script>
    </head>
    <body>

        <ul>
            <li><a href="javascript:changeImage('image1.jpg')">Image 1</a></li>
            <li><a href="javascript:changeImage('image2.jpg')">Image 2</a></li>
            <li><a href="javascript:changeImage('image3.jpg')">Image 3</a></li>
            <li><a href="javascript:changeImage('image4.jpg')">Image 4</a></li>
        </ul>

        <p>
            <img id="main_image" src="image-viewer/blank.jpg" alt="" />
        </p>

    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...