Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.02.2012, 22:40
Интересующийся
Отправить личное сообщение для TTongorovortoto Посмотреть профиль Найти все сообщения от TTongorovortoto
 
Регистрация: 21.04.2011
Сообщений: 13

jqzoom Обновление картинки
Здравствуйте!
Использую модуль увеличения изображений jqzoom.
Изображение обновляется каждые несколько минут с помощью ajax.
При этом устанавливается новое src изображения и новый href ссылки.
Модуль jqzoom не обновляет изображение, хотя заново вызывается при каждом обновлении картинки.
Что делать? Как обновлять картинку в jqzoom?
magiczoom и cloud zoom также не обновляют картинку.
Ответить с цитированием
  #2 (permalink)  
Старый 07.02.2012, 22:52
Интересующийся
Отправить личное сообщение для TTongorovortoto Посмотреть профиль Найти все сообщения от TTongorovortoto
 
Регистрация: 21.04.2011
Сообщений: 13

функция Largeimage()
в подключаемой библиотеке jqzoom есть функция Largeimage.
как её вызвать для обновления данных?
(то есть url картинки заменить на новый)

/*========================================================,
|   LargeImage
|---------------------------------------------------------:
|   The large detailed image
`========================================================*/

        function Largeimage() {
            var $obj = this;
            this.node = new Image();
            this.loadimage = function (url) {
                //showing preload
                loader.show();
                this.url = url;
                this.node.style.position = 'absolute';
                this.node.style.border = '0px';
                this.node.style.display = 'none';
                this.node.style.left = '-5000px';
                this.node.style.top = '0px';
                document.body.appendChild(this.node);
                this.node.src = url; // fires off async
            };
            this.fetchdata = function () {
                var image = $(this.node);
                var scale = {};
                this.node.style.display = 'block';
                $obj.w = image.width();
                $obj.h = image.height();
                $obj.pos = image.offset();
                $obj.pos.l = image.offset().left;
                $obj.pos.t = image.offset().top;
                $obj.pos.r = $obj.w + $obj.pos.l;
                $obj.pos.b = $obj.h + $obj.pos.t;
                scale.x = ($obj.w / smallimage.w);
                scale.y = ($obj.h / smallimage.h);
                el.scale = scale;
                document.body.removeChild(this.node);
                $('.zoomWrapperImage', el).empty().append(this.node);
                //setting lens dimensions;
                lens.setdimensions();
            };
            this.node.onerror = function () {
                alert('Problems while loading the big image.');
                throw 'Problems while loading the big image.';
            };
            this.node.onload = function () {
                //fetching data
                $obj.fetchdata();
                loader.hide();
                el.largeimageloading = false;
                el.largeimageloaded = true;
                if (settings.zoomType == 'drag' || settings.alwaysOn) {
                    lens.show();
                    stage.show();
                    lens.setcenter();
                }
            };
            this.setposition = function () {
                var left = -el.scale.x * (lens.getoffset().left - smallimage.bleft + 1);
                var top = -el.scale.y * (lens.getoffset().top - smallimage.btop + 1);
                $(this.node).css({
                    'left': left + 'px',
                    'top': top + 'px'
                });
            };
            return this;
        };
        $(el).data("jqzoom", obj);
Ответить с цитированием
  #3 (permalink)  
Старый 18.06.2014, 13:26
Новичок на форуме
Отправить личное сообщение для egik Посмотреть профиль Найти все сообщения от egik
 
Регистрация: 28.05.2014
Сообщений: 3

поменять картинку
проблема такая же один в один неужели ни кто не знает как ее решить?

нашел решение http://www.codeharmony.ru/materials/115

Последний раз редактировалось egik, 18.06.2014 в 15:52.
Ответить с цитированием
  #4 (permalink)  
Старый 18.06.2014, 15:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,117

egik,
1. прописать ссылке атрибут rel с новыми параметрами ссылка на большое фото и маленькое фото;
2.вытащить из ссылки api;
3.с помощью api прoинициализировать ссылку;
если непомогло найти более современный zoom с расширенными возможностями или в раздел работа
Ответить с цитированием
  #5 (permalink)  
Старый 18.06.2014, 16:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,117

Сообщение от egik
нашел решение
смотрел неувидел решения -- может поделитесь информацией -- как получив новые данные с помощью ajax внедрить их в уже имеющееся изображение или вы искали для смены картинок с уже имеющихся на странице ссылок?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обновление картинки при клике Обновить Cerver Общие вопросы Javascript 15 17.02.2012 15:57
Обновление картинки (webcam) brabusrzd Работа 2 02.02.2012 17:25
динамическое обновление картинки (рисуемой) Lottarend Общие вопросы Javascript 8 13.09.2011 13:50
обновление картинки agert Events/DOM/Window 7 09.06.2011 12:40
Обновление картинки при нажатии sdff Общие вопросы Javascript 2 07.10.2008 09:05