zoom jquery на сайте
 

http://шуба-мф.рф/index.php?...60&It emid=68
Кто может знать как сделать так что бы при перелючении картинки, в окне зума отображалась выбранная картинка, а не всегда первая.
http://www.elevateweb.co.uk/image-zoom/examples - страница плагина

я атрибут тоже меняю, но почему то всё равно первая всегда.

psfdek,
:cray:
строка 295 удалить
479 - 488 удалить
579 - 588 удалить
592 - 602 удалить
ниже всё что вам нужно

$( document ).ready(function() {
document.getElementById('BigGaleryIMG').src = document.getElementById('imgThb0').src;
$('.imgThb0').elevateZoom();
});
function imgSelect(element){
	document.getElementById('BigGaleryIMG').src = element.src;
     $('.zoomContainer, .zoomWindowContainer').remove();
   $('.imgThb0').elevateZoom();}

Благодарю.

а как увеличить процент приближения?
http://www.шуба-мф.рф/index....60&It emid=68

если делаю zoomWindowWidth:100, zoomWindowHeight:100 то и показываемая область уменьшается. А нужно что бы область наведения была меньше, а зум побольше.

http://www.elevateweb.co.uk/image-zoom/configuration тут нет вроде как такого, ничего не поделать?

psfdek,
так нужна большая ссылка на большую картинку

psfdek,
вариант того же самого что в 3 посте но без пары костылей

var ez;
$( document ).ready(function() {
document.getElementById('BigGaleryIMG').src = document.getElementById('imgThb0').src;
$('#BigGaleryIMG').elevateZoom({})
ez = $('#BigGaleryIMG').data('elevateZoom');
});
function imgSelect(element){
  ez.swaptheimage(element.src, element.src);  //вторым параметром должна идти картинка большого размера
}

зума в зуме тоже не нашёл :) -- как менять картинки смотрите выше строка 8

рони,
а есть плагин лупы, который просто делает увеличение?

psfdek,
никак в гугле забанили ?
http://www.tripwiremagazine.com/2013...mage-zoom.html

http://шуба-мф.рф/index.php?...article&id=192
Извините что туплю, но оно вообще у меня что то не выходит..
опять картинка в zoomWindow всегда первая.... я даже после

$('#BigGaleryIMG').elevateZoom({
		zoomWindowWidth:250,
		zoomWindowHeight:250
	});

меняю стиль блоку zoomWindow, но все равно не пашет....

$(".zoomWindow").css('backgroundImage', 'url('+ASq+')');

а если через консоль, то работает...

psfdek,
нужно убрать всё что вы писали для плагина и поставить только то что написано в 7 посте -- если надо добавить что-то в параметры в 4 строке пустые фигурные скобки в них и добавляйте -- ненужно ничего больше

сделал, но оно не работает все равно. Если из каталога заходишь то картинка первая в zoomWindow остается... :(
Вроде как на хроме не пашет, а на мозиле пашет. Непонятно как-то оно работает.


Если из каталога зайти в товар то не работает пишет


если обновить страницу то работает...

joomla MooTools jQuery.noConflict()
 

psfdek,
сначала грузиться jQuery
потом все плагины что работают с jQuery
потом jQuery.noConflict() потом
$ больше нигде в коде не используется - либо меняется $ на jQuery или любое иное название
все примеры как далее должен выглядеть код
тут http://www.w3schools.com/Jquery/jquery_noconflict.asp
jQuery(document).ready с вашим кодом затем mootools
и ненадо много jQuery(document).ready достаточно одного -- а внутри всё что требуется запустить по готовности html

у вас дважды создаётся окно зум -- естественно первое перекрывает второе -- ищите неправильную инициализацию и убирайте оставьте только код 7 поста

строка 469
и 619 -- одинаковы -- разбирайтесь с вашей cms -- чтоб не грузилось уже погруженное

Я это исправил. Вы будете смеяться, но проблема все равно такая же.... в хроме ошибка.. :-E
В мозилле норм..

psfdek,
$( window ).load вместо $( document ).ready

Благодарю!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

psfdek,
на всякий случай функцию imgSelect надо назначать не через атрибут
ниже нормальный код

$( window ).load(function() {
document.getElementById('BigGaleryIMG').src = document.getElementById('imgThb0').src;
$('#BigGaleryIMG').elevateZoom({})
var ez = $('#BigGaleryIMG').data('elevateZoom');
$("точка_класс_картинок").click(imgSelect) ;
function imgSelect(event){
  event.preventDefault();
  event.stopPropagation();
  ez.swaptheimage(this.src, this.src);  
}
});

Ок понял :)
Благодарю!!! !!! ! :)

Просто инетересно. Почему в мозиле то работало, а в хроме не работало?
Означает ли это что мозила лучше? :)