Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.01.2013, 19:14
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Подгрузка изображений
Использую на сайте лупу jLoupe для увеличения части изображения. На локальном серваке фотки увеличиваются нормально. Закинул на хостинг. На хостинге если двигать по миниатюре курсором, увеличенный кусок изображения постоянно как будто подгружается. Как можно это поправить ? Ссылки на изображения создаются динамически:
if(file_exists('img/items/big/'.$item['id'].'_5.jpg')) {echo '<img data-original="http://'.$_SERVER['SERVER_NAME'].'/img/items/big/'.$item['id'].'_5.jpg" src="http://'.$_SERVER['SERVER_NAME'].'/img/items/mini/'.$item['id'].'_5.jpg" class="jLoupe" />';}
if(file_exists('img/items/big/'.$item['id'].'_4.jpg')) {echo '<img data-original="http://'.$_SERVER['SERVER_NAME'].'/img/items/big/'.$item['id'].'_4.jpg" src="http://'.$_SERVER['SERVER_NAME'].'/img/items/mini/'.$item['id'].'_4.jpg" class="jLoupe" />';}
if(file_exists('img/items/big/'.$item['id'].'_3.jpg')) {echo '<img data-original="http://'.$_SERVER['SERVER_NAME'].'/img/items/big/'.$item['id'].'_3.jpg" src="http://'.$_SERVER['SERVER_NAME'].'/img/items/mini/'.$item['id'].'_3.jpg" class="jLoupe" />';}
if(file_exists('img/items/big/'.$item['id'].'_2.jpg')) {echo '<img data-original="http://'.$_SERVER['SERVER_NAME'].'/img/items/big/'.$item['id'].'_2.jpg" src="http://'.$_SERVER['SERVER_NAME'].'/img/items/mini/'.$item['id'].'_2.jpg" class="jLoupe" />';}
if(file_exists('img/items/big/'.$item['id'].'_1.jpg')) {echo '<img data-original="http://'.$_SERVER['SERVER_NAME'].'/img/items/big/'.$item['id'].'_1.jpg" src="http://'.$_SERVER['SERVER_NAME'].'/img/items/mini/'.$item['id'].'_1.jpg" class="jLoupe" />';}


P.S. на некоторых изображениях этого не происходит
ссылка на демку автора http://chrisiufer.com/loupe/index.html

Последний раз редактировалось zevilz, 26.01.2013 в 19:25.
Ответить с цитированием
  #2 (permalink)  
Старый 26.01.2013, 20:06
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

В панели разработчика в хроме во вкладке network после сдвига курсора напротив оригинала фотки появляется panding, и, когда увеличенный кусок видно, появляется инфа о загруженном изображении. И так после каждого сдвига курсора.
Проверил на других фотках, в network вообще изображение не подгружается и работает увеличение без рывков

Последний раз редактировалось zevilz, 26.01.2013 в 20:13.
Ответить с цитированием
  #3 (permalink)  
Старый 27.01.2013, 08:04
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Сегодня проверил. Ниодно из вчерашних изображений не тупит, при размещении новых изображений начинает опять. Проходит, какое то время и опять нормально. Заметил, что такая проблема только в хроме
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Философский вопрос - подгрузка изображений crime Элементы интерфейса 1 14.12.2012 09:19
Постепенная подгрузка изображений malkoff jQuery 2 16.10.2011 14:57
Повременная смена изображений jozev Элементы интерфейса 2 01.08.2011 18:43
Прокрутка изображений gen552 Элементы интерфейса 6 01.04.2011 13:11
Подгрузка изображений по клику CompModdd Общие вопросы Javascript 17 30.04.2009 02:39