Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.11.2010, 14:59
APL APL вне форума
Новичок на форуме
Отправить личное сообщение для APL Посмотреть профиль Найти все сообщения от APL
 
Регистрация: 19.08.2010
Сообщений: 5

jQuery странное поведение в IE6
Делаю подсветку (замену) картинок при наведении...

Но IE6 ведет себя странно...

Вот пример:
http://crystals.ru/rus/company/clients_new/

Тут для теста сделано по-другому - просто картинка заменяется текстом. Но в IE почему-то не заменяет а добавляет перед картинкой... хотя у меня replaceWith()

Последний раз редактировалось APL, 10.11.2010 в 16:15.
Ответить с цитированием
  #2 (permalink)  
Старый 10.11.2010, 17:43
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Что мешает сделать так?:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
div {padding-top: 27px; text-align: center; width: 218px; height: 48px;}
</style>

<script type="text/javascript">
$(function(){
	$('div').hover(function(){
		$(this).html($('img', this).attr('alt')).end().hide();
	});
});
</script>

<div>
	<img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" alt="image" />
</div>

Последний раз редактировалось monolithed, 10.11.2010 в 18:30.
Ответить с цитированием
  #3 (permalink)  
Старый 11.11.2010, 11:31
APL APL вне форума
Новичок на форуме
Отправить личное сообщение для APL Посмотреть профиль Найти все сообщения от APL
 
Регистрация: 19.08.2010
Сообщений: 5

Мне не совсем это нужно... суть в том что при изменении attr('src', 'новое значение') IE6 не меняет картинку... в других браузерах работает нормально...
Ответить с цитированием
  #4 (permalink)  
Старый 11.11.2010, 13:22
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Ок, тогда почему у вас текст заместо изображения появляется?


Думаю, что это решение подойдет:


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
var image = ['http://www.sanstream.co.jp/player/img/logoApple.jpg', 'http://www.sanstream.co.jp/player/img/logofirefox.jpg'];
     $('img').each(function(i){
         $(this).bind({
             mouseover: function(){
                 $(this).attr('rel', $(this).attr('src')).attr('src', image[i]);
             },
             mouseout: function(){
                $(this).attr('src', $(this).attr('rel'));
             }
         });
     });
});
</script>
<img src="http://www.sanstream.co.jp/player/img/logoWinVista.jpg" alt="" />
<img src="http://www.sanstream.co.jp/player/img/logoWinXP.jpg" alt="" />

Последний раз редактировалось monolithed, 11.11.2010 в 13:28.
Ответить с цитированием
  #5 (permalink)  
Старый 12.11.2010, 01:19
APL APL вне форума
Новичок на форуме
Отправить личное сообщение для APL Посмотреть профиль Найти все сообщения от APL
 
Регистрация: 19.08.2010
Сообщений: 5

Спасибо. Текст появлялся для тестирования.
Проблему уже решил другим способом. Еще быстрее по производительности.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery 1.4.2 + jquery.form: разное поведение ajaxSubmit в разных браузерах dmitry87 jQuery 3 30.10.2010 01:01
странное поведение innerhtml alexsum Общие вопросы Javascript 6 24.09.2010 15:17
DragAndDrop у гридов в плавающих окнах странное поведение PavelK ExtJS 0 29.07.2010 14:26
Странное поведение replace cooli0 Общие вопросы Javascript 4 25.01.2010 16:16
jQuery IE6 "разрешение отклонено" kidar2 jQuery 8 15.01.2010 17:08