2013-06-27 3 views
0

Добрый день! Честно говоря, проблема немного сложнее. Я хочу знать, почему следующая строка кода не работает:Установить непрозрачность изображения с помощью javascript

pic.style.opacity = toString((5-z)/10); 

Почему я думаю, что это должно сработать?

  • переменная член непрозрачности является строкой поэтому она должна быть строка, следовательно, до тех пор, как метод «ToString» есть после того, как система вычисляет выражение должно быть превращены в строку и, следовательно, он должен быть жизнеспособным ,

Примечание: г представляет собой целое число, которое имеет переменное значение от 0 до 4.

В случае, если кто хочет проверить себя:

<!DOCTYPE html> 

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <style> 
     #asd{ 
      background-image : url(fry.jpg); 
      margin-left:20%; 
      margin-top:20%; 
      height:100px; 
      width:100px; 
      } 
    </style> 
</head> 
<body> 
    <div id="asd"></div> 
</body> 
</html> 
<script 
var z = 3; 
function foo(){ 
    document.getElementById("asd").style.opacity = toString((5-z)/10); 
} 
foo(); 
    </script> 
+0

Вам не нужно .ToString(); pic.style.opacity = ((5-z)/10); Кроме того, .toString() работает наоборот, ((5-z)/10) .toString() – frenchie

ответ

4

вам не нужно»toString.

Вобще:

document.getElementById("asd").style.opacity = (5-z)/10; 

Вы не используете toString правильно в любом случае. Если вы хотите использовать его в любом месте, сделать это таким образом:

var number = 42.0; 
var string = number.toString(10); 

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

+0

Да, это исправлено. Спасибо. – Bloodcount

+1

JSFiddle, чтобы показать, что он работает (я добавил цвет фона, чтобы проиллюстрировать эффект, так как изображение не существует). http://jsfiddle.net/9tUjK/ –

+0

Если это устранить проблему, вы должны ее выбрать. –

1

Вам нужно дождаться загрузки документа, прежде чем пытаться получить доступ/установить непрозрачность для любого элемента. Проверьте событие onLoad javascript или $ (document) .ready(), если вы используете jQuery.

Кстати - Ваше открытие script тега недостающий> знак

2

Вы невольно вызывая window.toString(). Метод toString вызывается как метод из объекта, который вы хотите преобразовать.

Кроме того, вам это не нужно. Убери это.