Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.02.2013, 21:30
Интересующийся
Отправить личное сообщение для Андрей Лебедев Посмотреть профиль Найти все сообщения от Андрей Лебедев
 
Регистрация: 21.01.2013
Сообщений: 10

Как добавить прозрачность картинке при клике на li в IE???
если добавить стиль прозрачности напрямую в <img> в IE, функция прозрачности работает нормально. А если добавляю класс через jQuery при click() не рабоает в IE а в остальных все ОК!
Помогите пожалуйста сделать так что бы IE понял что класс присваиваеться напярмую
<ul>
<li value="31"><img src="img1.jpg"></li>
<li value="30"><img src="img/2.jpg"></li>
<li value="33"><img src="img/3.jpg"></li>
</ul>
сделал так:
$('.currencies ul li').click(function() {
$('.currencies ul li img').addClass('opa');
});
//Стиль:
.opa {
opacity: 0.3;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
}
Ответить с цитированием
  #2 (permalink)  
Старый 09.02.2013, 22:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,126

Андрей Лебедев,
работает
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <style type="text/css">
   .opa {
 opacity: 0.3;
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 }
 img{
  width: 50px;
  height: 50px;
  }
  </style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
<ul>
 <li value="31"><img src="http://i032.radikal.ru/0712/f1/9e278e7f8393.jpg"></li>
 <li value="30"><img src="http://img.galya.ru/galya.ru/Pictures2/ttp/2009/06/06/1294186.jpg"></li>
 <li value="33"><img src="http://wap.unsveta.com/images/2163cy320x480.jpg"></li>
 </ul>
<script type="text/javascript">
 $('ul li').click(function() {
 $('ul li img').addClass('opa');
 });
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 10.02.2013, 03:56
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Андрей Лебедев, IE ведь разных версий бывает: IE6, IE7, IE8, IE9, IE10, во как! Проблема как я понял у вас только в IE8. Для него нужен такой синтаксис:
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
Ответить с цитированием
  #4 (permalink)  
Старый 10.02.2013, 04:00
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

danik.js,
Можно записать jquery css opacity:0.3 прямо в tег - считать из родителя HTML и глянуть как пишется в конкретном браузере.
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style id=Set>

</style>
</head>

<body>
<div style="display:none"><div id=tstCss></div></div>
<script type="text/javascript">
   var dcss = $('#tstCss');

function tstCss(a,c) {
   a.html('<p></p>');
   var b = a.find('p');
   c = c.split(':');
   eval('b.css({"'+c[0]+'":"'+c[1]+'"})');
   var str = a.html();alert('Вид тега:\n'+str)
   str=str.replace(/[\s\S]*?<[^>]*?style=([^>]*)>[\s\S]*$/igm,'$1');
   str = $.trim(str.replace(/["']/ig,''));
   return str;
}
var str = tstCss(dcss,'opacity:0.3');
alert(str)
$("#Set").append( 'ul li img.opa {'+str+'}' )

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



Последний раз редактировалось Deff, 10.02.2013 в 06:02.
Ответить с цитированием
  #5 (permalink)  
Старый 10.02.2013, 04:04
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Deff, я ниче не понял
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить цвет при клике AndreyS jQuery 3 07.10.2012 15:27
Как сделать дополнительное перенаправление при клике по скрипту Igorbek Общие вопросы Javascript 1 08.08.2012 13:35
Можно ли как то выделить текст в блоке при клике по блоку? someLogin Элементы интерфейса 1 10.10.2011 04:10
Как можно при клике на нужную ссылку вывести confirm ? saturn Элементы интерфейса 7 19.09.2011 08:43
Как сделать поле активным при клике на элемент dimaan777 Javascript под браузер 1 24.07.2011 20:16