всё никак не могу лупу сделать.

[swetlana]

Уж простите за дурацкие вопросы. В вёрстке что-то могу, а в js — беда, да и только.

Задача: сделать открывающийся по ссылке блок, в нём минифотогалерея, в которой одна фотка большая. И вот по этой большой фотке должна лупа ездить, которая ещё увеличивает часть изображения.

Здесь почти результат. На первую ссылку жать надо.

В настоящих браузерах вроде как даже всё корректно работает. А в IE отказывается напрочь. Почему — у меня ни малейшего предположения.

Здесь почти тот же пример, но без всплывающих блоков и переключений, сам по себе, вырванный из контекста. Работает всё исправно.

Как научить IE справляться с реальной задачей, а не только с тестовой?

[wildhind]

а если не e.pageX, а e.offsetX, но только для IE и Оперы?

[psywalker]

Светка, ИЕ не понимает e.pageX, для него нужнo

function mouseHandler(e){
	e = e || window.event

	if (e.pageX == null && e.clientX != null ) { 
		var html = document.documentElement
		var body = document.body

		e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
		e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
	}



}

[ShumNo]

Тормозит очень только первый пример

[swetlana]

ShumNo, первый пример — это который с машинками?

А как тормозит? В каком браузере, при каких условиях? Я просто что-то не видела, чтобы тормозил. Только чтобы не работал в определённых браузерах.

И почему могут быть тормоза?

[ShumNo]

ShumNo, первый пример — это который с машинками?

А как тормозит? В каком браузере, при каких условиях? Я просто что-то не видела, чтобы тормозил. Только чтобы не работал в определённых браузерах.

И почему могут быть тормоза?

Ага первая ссылка и всплывающий блок где на картинке появляется квадратик с увеличением. Если водить квадратик то он явно не поспевает за мышкой и анимация идет скачками/тормозами. FF 3.6

Лично мне больше нравится плагин jQuery пример отсюда http://www.yellowlemon.net/javascript/images/cloud-zoom

демка 3-я сверху http://www.yellowlemon.net/demo/1/cloud-zoom/index.html

Но если задача сделать свой велосипед, то конечно свой профильней, но точить надо

[swetlana]

в данном конкретном случае задача не изобретать велосипед, а сделать как надо заказчику.

Свой велосипед я параллельно изобрету просто ради интереса, ради общего развития.

А за ссылку спасибо. Я уже встречала такой плагин, но это несколько не то, что нужно.

Ещё такой встречала: http://css-tricks.com/anythingzoomer-jquery-plugin/ — вроде и то, что нужно, но с огромным количеством недостатком, которые в сумме перевесили.

[ShumNo]

Хозяин барин яб записал видео для наглядности чтобы показать каково оно у меня, но нет подходящего инструмента

При движении квадратика в твоем примере проц уходит на 100 и тормоза соответственно. По логике не должно же так быть

[swetlana]

Не должно.

И у себя не наблюдаю.

Буду думать.

[psywalker]

Зацените, что твориться в ИЕ6-8. Жесть. Вот так вот работает наш великий behavior: url(PIE.htc);

http://psywalker.ru/Forum/JS/Primitive/Dom...chi/Clip/2.html

[sigma77]

Зацените, что твориться в ИЕ6-8. Жесть. Вот так вот работает наш великий behavior: url(PIE.htc);

http://psywalker.ru/Forum/JS/Primitive/Dom...chi/Clip/2.html

А что там не так? Что-то не вижу явных различий...

[ShumNo]

походу лупа исчезла

[psywalker]

А что там не так? Что-то не вижу явных различий...

Как нет? Дикие тормоза в ИЕ6-8, разве нет?

походу лупа исчезла

Где? Если ты про мой вариант, так это моё творение, я его накидал сегодня, там без лупы

[sigma77]

Как нет? Дикие тормоза в ИЕ6-8, разве нет?

Не, у себя не наблюдаю. Есть некоторое "прилипание", когда лупу за границу выводишь, а потом обратно. Но это на всех браузерах (FF, Opera, IE) и в пределах нормы. Диких тормозов нету

Смотрела в ИЕ8, и в режиме ИЕ7.

[psywalker]

Не, у себя не наблюдаю. Есть некоторое "прилипание", когда лупу за границу выводишь, а потом обратно. Но это на всех браузерах (FF, Opera, IE) и в пределах нормы. Диких тормозов нету

Смотрела в ИЕ8, и в режиме ИЕ7.

Хм...странно, не может быть. У меня дикие тормоза. Когда behavior: url(PIE.htc); убираю, то всё перестаёт тормозить, но углы уже не скругляются((

Ребят, а протестите ещё кто нибудь плиз

[Scrum]

Все в пределах нормы. в ослике 6 наблюдаю черный бордер.

[psywalker]

Все в пределах нормы. в ослике 6 наблюдаю черный бордер.

Да, вот он зараза не убирается. Значение transparent не понимает. Нужно ему какую то замену влепить.

[Scrum]

Убери борде вообще.

[psywalker]

Убери борде вообще.

О! Точно. Спасибо за идею. А мне показалось почему то вначале, что радиус не пашет без бордера. Вроде убирал, не пахал, хм...

Убрал.

[SMA. McKinney]

Протестировал. В Opera 11.01 нормально работает, а в IE8 появляются тормоза.

Видео с IE8

Edited February 27, 2011 by SMA. McKinney

[fan]

Вот здесь две полноценные версии лупы.

http://verygoodforum.listbb.ru/viewtopic.php?f=5&t=67

Света, эт тебе, что-то вроде предпраздничного подарка.

[psywalker]

Протестировал. В Opera 11.01 нормально работает, а в IE8 появляются тормоза.

Видео с IE8

ага, спасибо дружище. Да, ты прав, у меня тоже самое. Видимо у кого компы помощнее или ничего не запущено, в плане виртуалок и прочего, у того не очень тормозит.