2013-05-04 5 views
0

Я пытаюсь создать простую галерею изображений с переключателями. Для изображений установлено значение Display: none; по умолчанию. Я хочу, чтобы они отображались как блок, когда я нажимаю на соответствующие кнопки.Простая картинная галерея JS

<html> 
<head> 
    <style> 
     .img { width: 250px; 
       max-height: 300px; 
       display: none; 
     } 
    </style> 
    <script> 
     function picture (a) { 
      var pic = document.getElementById('image') 
      if (a == 1) { 
       pic.src="julia1.jpg" 
      } else { pic.src="julia2.jpg"} 

      pic.style.display ="block"; 
     } 

    </script> 
</head> 
<body> 
    <img class="img" id="image" src="julia1.jpg"> 
    <form action=""> 
     <input type="radio" onclick="picture(1)" name="picture"></input> 
     <input type="radio" onclick="picture(2)" name="picture"></input> 
    </form> 
</body> 
</html> 

В консоли браузера сказано, что объект не является функцией. Что это значит? (Thats для обоих входных тегов)

ответ

0

Последняя строка должна прочитать

pic.style.display = "block"; 
+0

, что не сделали это –

+0

функция и входные элементы не должны быть названы так же. –

+0

Большое вам спасибо, это была глупая ошибка. –

Смежные вопросы