[Решено] Проблемы с загрузкой изображений товаров

[flamehowk]

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

В сборке ОКСтор установлен плагин jail в пакете с jquery. Штука призвана подгружать картинки по мере разворачивания странички, плюс делает это с приятными эффектами.
Собственно проблема в том, что перед тем, как появляется сама картинка товара (у меня фон везде белый) происходит кратковременное появление серого квадрата в качестве фона картинки, а потом он пропадает и уже пошел нужный эффект проявления картинки на странице. Так как у меня везде фон белый, этот серый квадрат просто выедает глаза.
Одна часть проблемы была решена путем вычисления прошитого в скрипте эффекта принудительного наложения фона через размножение серой точки, точка была заменена на белую и длительность эффекта серого квадрата уменьшилась, то бишь сама проблема состояла из двух частей - первая, это та, которую я так и не решил, а после нее еще накладывается принудительный фон из файла и тоже серый, и только потом идет эффект проявления картинки. Так вот, заменив серую точку на белую я устранил вторую часть негативного эффекта, но первая осталась.
Попытка поиграться с настройками плагина ни к чему не привела - меняется время засветки серого квадрата, и все что угодно, только не факт его появления. Стили здесь тоже однозначно не при чем, так как все что только можно было проверить было проверено. Углубляться дальше в джава-скрипт ради такой мелочи я попросту не могу - нет времени, а потому прошу помочь - кто знает что за чудо и где зарыто?
На всякий случай даю ссылку на страничку, чтобы можно было визуально ощутить данный эффект, кто не понял со слов о чем речь:
http://www.diatools.com.ua/index.php?route=product/category&path=18

 

ПС. Да, кстати, кэш браузера был многократно вычищен после каждой манипуляции и даже разок полностью вычищал кэш сайта (правда в ручную, может и не правильно), но как ни крутил, а похоже, что все-таки дело именно в скрипте, а моих знаний не хватает.

[AlexDW]

я конечно извиняюсь,

но на фоне дизайна сайта ваша проблема - вообще не проблема  :ugeek: 

[AlexDW]

по поводу "серого квадрата" - цвет пикселя в файле catalog/view/theme/default/image/grey.gif измените на белый

[flamehowk]

Я в теме поста четко описал, что сделал это в первую очередь - прочитайте внимательно.
А что с дизайном то не так? Вечно на этом форуме мои дизайны критикуют, а толком никто не может сказать что не так?

[AlexDW]

исходный код показывает

 

не поленился, скачал гифку - угадайте, какого цвета в ней пискель?  :ugeek: 

 

а насчет дизайна..

дизайн в стиле "вырвиглаз" - слишком отвлекающий и не сочетающийся

[flamehowk]

А х ты ж японский городовой... вот что значит - "глаз замылился". Эта зараза грузила аж 2 пикселя с двух разных мест, в одном я его вычислил, переписал адрес, поменял файл и даже название файла поменял, чтобы потом было все понятно, и эффект стал вдвое меньше, дак оказалось что оно еще из одного места второй такой же подгружает, а я уже че-то и прозевал это... от жэж старый баран.

Ладно, тему можно считать решенной, все заработало после смены второго пикселя в указанном месте на нужный цвет, и, в принципе, можно было бы не заморачиваться...

 

Однако, остается вопрос - как же эта зараза работает, ведь в файле, который управляет данным эффектом прописано следующее:

effect: 'fadeIn', speed : 4000, placeholder : 'catalog/view/javascript/jquery/jail/white.gif'

почему, зачем и откуда идет управление вторым файлом? или там идут подряд два разных эффекта, которые накладывают разные скрипты и где эта штука зашита?

 

Алексу огромный реверанс за внимательность, с меня - могорыч.

По дизайну...

Из несочетающихся цветов там разве что кнопки, но я их решил под цвет мрамора на хедере, может и не лучший выбор, но лучше пока ниче не придумал, дефолтный голубой там вообще был не к месту... сам мрамор на хедер выбирался наоборот контрастным с основными цветами, чтобы не сливалось все в одно и из всех мраморов, которые у меня имелись прямо таки сам туда просился, другие выглядели как-то либо слишком блекло, либо слишком резали глаз. Основные цвета выбирались из дизайна логотипа, который разрабатывал не я, там золотой, серебряный (это так девчонки решили, хотели, чтобы выглядело побогаче - ими весь магазин выкрашен, на  главной есть фотография) ну и красный с бордовым. Контурные элементы ни золотым ни серебристым не сделаешь - нужен какой-то темный, выбора нет - бордовый. Оттенки светлее и темнее для выделения элементов. Красный довольно гармонично пошел в купе с бордовым для выделения активных элементов... ну на крайняк можно сделать немного темнее, что ли.

Все, дальше остался фон. Попробовал заливать таким как стенка магазина - вообще ерунда полная. Потом попробовал чисто золотистыми и серебристыми узорами - мало того, что тему не отражает, дак еще и выглядит будто это элитное казино или магазин гардин для самых богатых - отверг. Ну потом остановился на том что есть, и дабы не лезло в глаза хорошенько все размыл и сделал немного разные по тону - чуть темнее и чуть светлее, чтобы слегка подчеркнуть разные блоки.
Ну, собственно и все... А золотой сухорез в хедере - ну это визуализация официального логотипа, и вроде как и смотрится неплохо... даже не знаю.

[flamehowk]

Ураааа... нашел.
Если кому будет нужно - держите.

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

 

Смотрим файл: category.tpl

адрес: catalog/view/theme/default/template/product

 

буквально уже на второй страничке строка:

 <img class="imagejail" src="catalog/view/theme/default/image/gray.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />

 

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