Изменение прозрачности в картинке

 
0
 
JavaScript
ava
Adober | 18.08.2007, 18:40
Нашол скриптик http://brainerror.net/scripts/javascript/blendtrans/ работает на ура но вот незадача, он изменяет прозрачность картинки по ID div'a а мне надо по Class (тобиш мне надо чтоб при нажатии на ссылку скрипт изменял прозрачность сразуже нескольких картинок). Ктонить знает как это сделать?????? Зарание спасибо, буду очень признателен за любую подсказку!

ЗЫ: я дизайнер, в JavaScript не разбираюсь smile
Comments (8)
ava
Astraller | 19.08.2007, 08:52 #
Э?! А не проще сделать 2 Class'a с разной прозрачностью и по нажатию ссылки их менять?!
ava
Mymik | 19.08.2007, 09:56 #
Цитата (Adober @ 18.8.2007, 17:40 findReferencedText)
ЗЫ: я дизайнер, в JavaScript не разбираюсь smile
Странно. Обычно то дизайнеры и знают JS ибо не зная технологии как же ты тогда рисуешь ???
Но это все дело житейское.

А по сути -->>
К сожалению по Class"у нельзя искать элементы потому что они не будут уникальными. Собственно для уникальности и придумали Id.
Предлагаю избавиться от этих еретических мыслей и просто немного видоизменить данную нам функцию -->>

function shiftOpacity(millisec) {
for(var i = 1; i < arguments.length; i++)
if(document.getElementById(arguments[i]).style.opacity == 0) {
opacity(arguments[i], 0, 100, millisec);
} else {
opacity(arguments[i], 100, 0, millisec);
}
}

Теперь получается, сто стандартным параметром функции остался только один параметр. А дальше в функцию передается любое количество параметров и в данном случаи они все должны быть id элементов.

ava
Adober | 19.08.2007, 13:23 #
Почему то не работает :(
ava
Mymik | 19.08.2007, 20:48 #
Adober, классно... вот только в вашем ответе не хватает что именно у вас не работает, пример использования данной функции и надеюсь функция opacity у вас есть...
ava
Adober | 20.08.2007, 12:51 #
Меняю этот кусок кода на ваш:

function shiftOpacity(id, millisec) {
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 0) {
opacity(id, 0, 100, millisec);
} else {
opacity(id, 100, 0, millisec);
}
}


В ссылке пишу

<a href="javascript:opacity('div1', 100, 30, 2000)">test_link</a>


Прописываю ID для дива и не пашет. Кстати как в случае с вашим кодоп прописывать несколько айди в ссылке???
ava
Mymik | 20.08.2007, 14:24 #
Adober, круто чувак... очень круто ты используешь мой код... smile
в приведенном тобой коде.
Цитата


В ссылке пишу


<a href="javascript:opacity('div1', 100, 30, 2000)">test_link</a>




ты вообще не используешь мою функцию. Ты используешь непосредственный возов твоего исчезновения.
Я же переделал функцию shiftOpacity это совсем не функция opacity которую ты используешь в своем примере.

Ту функцию что я переделал надо использовать так -->>

<a href="javascript:shiftOpacity(2000, 'div1', 'div2', 'div3', ... , 'divN')">test_link</a>


Первый параметр это время за которое исчезнит картинка, а все последующии параметры это id div'ов
ava
Adober | 20.08.2007, 15:12 #
ЭВРИКА!!!!!!!!!!!
Но вот незадача, как мне сделать так шоб картинки тухли не полностью а только до уровня 30%???
ava
Adober | 20.08.2007, 16:14 #
Уже разобрался, СПАСИБО ОГРОМНОЕ!!!!!!
Please register or login to write.
Firm of day
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Contributors
advanced
Submit