Как подгружать только нужные изображения

@4umYOUser · Регистрация: 18.05.2010

Студворк — интернет-сервис помощи студентам

У меня сайт на джумле. В папке images около 400 изображений. На какую страницу не захожу она продолжает загружаться до тех пор, пока не подгрузит все эти изображения, хотя на странице используется всего несколько из них. Нужен самый простой скрипт, который запретил бы подгрузку большинства изображений, которые не используются на странице. Т.е. он должен прочитать хтмл-код страницы и подгрузить в нее только те изображения, которые указаны через img src в хтмл-коде данной страницы.

@ostgals · 10.04.2011, 18:03

Сообщение от 4umYOUser

На какую страницу не захожу она продолжает загружаться до тех пор, пока не подгрузит все эти изображения, хотя на странице используется всего несколько из них.

Вы уверены в этом?

Сообщение от 4umYOUser

Т.е. он должен прочитать хтмл-код страницы и подгрузить в нее только те изображения, которые указаны через img src в хтмл-коде данной страницы.

Это стандартное поведение браузера. Для него не нужно никаких скриптов.

Боюсь, что проблема в чем-то другом.
Как вы определили, что в момент загрузки страницы грузятся все изображения из images?

@StagnantIce · 10.04.2011, 19:53

Можно посмотреть что грузит браузер при помощь браузера FireFox + FireBug. Также для оптимизации можно установить плагин PageSpeed от Гугла.

Браузер грузит картинки только те что в html (иногда они указаны в CSS стилях, но в html эти стили должны быть тоже)

@4umYOUser · 11.04.2011, 13:56 **[ТС]**

Сообщение от ostgals

Это стандартное поведение браузера. Для него не нужно никаких скриптов.
Боюсь, что проблема в чем-то другом.

Я в принципе и не писал, что проблема в браузере. Проблема в том, что

Сообщение от 4umYOUser

У меня сайт на джумле

В прошлом он был в форме обыкновенных хтмл-страниц, все было в норме, но теперь возникла потребность поставить его на джумлу.

Сообщение от ostgals

Как вы определили, что в момент загрузки страницы грузятся все изображения из images?

Когда открываю обыкновенные хтмл'ки в программе IETester (для тестирования сайта в разных версиях IE), то внизу в строке статуса вижу, что с папки images подгружаются только те, изображения которые на странице (вижу по количеству и названиях), а когда открываю в этой же программе страницы на джумле, то вижу что подгружаются сотни изображений.

Насколько понимаю джумла подгружает все изображения, потому что папка images находится в папке шаблона, а джумла должна подгрузить весь шаблон (при переходе на страницы). Я не знаю, можно ли как то в самой джумле это настроить. В разделе Джумла на этом форуме тема уже больше недели, пока никто не ответил и возможно уже не ответит, поэтому интересует скрипт, который принудительно

Сообщение от 4umYOUser

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

даже если по умолчанию

Сообщение от StagnantIce

Браузер грузит картинки только те что в html

@StagnantIce · 11.04.2011, 14:16

Очень странно... с чего джумле это все загружать и главное куда она это загружает?? По мне, так Джумла не может даже если захочет загрузить то, что нет в html

@ostgals · 11.04.2011, 14:50

Сообщение от StagnantIce

Очень странно...

Присоединяюсь.
Все-таки, похоже на работу какого-то неграмотно сделанного плагина к Джумле.

@4umYOUser · 11.04.2011, 15:45 **[ТС]**

Сообщение от ostgals

похоже на работу какого-то неграмотно сделанного плагина к Джумле.

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

@ostgals · 11.04.2011, 18:51

Сообщение от 4umYOUser

Если знакомы с джумлой тогда подскажите пожалуйста что именно исправить.

Я знаком с Джумлой и отвественно утверждаю, что стандартный сайт, написанный на ней, не грузит все картинки из какой-либо папки, если только они все не прописаны на конкретной странице в html-е или динамически не подгружаются через Javascript.

Сообщение от 4umYOUser

Если не знакомы, тогда напишите скрипт, о котором прошу (насколько понимаю это не трудно).

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

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

@4umYOUser · 11.04.2011, 19:40 **[ТС]**

Сообщение от ostgals

Ничего нельзя предпринять, пока не станет известен источник описанного поведения.
Для начала перечислите все сторонние компоненты, плагины и модули, которые вы используете на сайте. Тогда мы подумаем и предложим варианты или зададим дальнейшие наводящие вопросы.
А пока вы думаете, что здесь сидят телепаты и знают все о вашем сайте и все ошибки в нем, мы не продвинемся ни на шаг.

Дело в том, что нет каких либо сторонних плагинов (разве только TinyMCE включен и модуль simpleForm2 присутствует, хотя модуль вроде не имеет никакого отношения к изображениям).

Сообщение от ostgals

Я знаком с Джумлой и отвественно утверждаю, что стандартный сайт, написанный на ней, не грузит все картинки из какой-либо папки, если только они все не прописаны на конкретной странице в html-е или динамически не подгружаются через Javascript.

Теперь понял. Думал это у всех сайтах на джумле если много картинок в images, то она их все подгружает. Возможно их нужно закачивать в images/stories, а в папке images оставлять только те, которые нужны для оформления шаблона?

@uggway · 11.04.2011, 21:09

Их НЕ нужно закачивать куда-то в особенное место.
В джумле страничка генерируется на основе шаблона. И ВСЕ загружаемые картинку прописаны в нем и в прилогаемых css файлах... Поэтому ВСЕ изображения из какой-либо папки грузиться никак не могут. Смотри код шаблона. В нем вся соль

@4umYOUser · 11.04.2011, 21:49 **[ТС]**

Сообщение от uggway

И ВСЕ загружаемые картинку прописаны в нем и в прилогаемых css файлах...

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

Вообще у меня на сайте при переходе на страницы меняется содержание только контента (меню, шапка, подвал и все другое сохраняется, поэтому указано в шаблоне). Контент прописан в шаблоне как компонент, т.е. для каждой страницы я редактирую его в Менеджере материалов через визуальный редактор. В редакторе для изображений, которые в пределах компонента, я указывал пути с папке images моего шаблона, а не с папке Медиа. Наверное именно здесь и вся проблема: видимо пути должны быть не sitename.com/templates/my-template/images, а sitename.com/images (т.е. эти 400 картинок нужно закачать в папку Медиа).

@4umYOUser · 11.04.2011, 22:15 **[ТС]**

Вот, нашел причину. Я совсем забыл, что у меня большую часть в коде шаблона занимают скрытые модальны окна, в которых тэг img. А прописать их в шаблоне меня заставило то что когда указывал эти окна в хтмл-коде каждого компонента (нажав кнопку Выключить редактор), то каждое модальное окно открывалось почему то ПОД полупрозрачной чорной маской, а не сверху нее (маска указана в шаблоне). Вот код модального окна:

HTML5
1
2
3
4
5
<a href="#111" name="modal">Ссылка на модальное окно</a>
...
<div id="111" class="window">
<img src="image.jpg">
</div>

Это код, который находится в компоненте каждой страницы, где нужны модальные окна. Вот маска в шаблоне:

HTML5
1
<div id="mask"></div>

и библиотеки:

HTML5
1
2
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="modal.js"></script>

modal.js в добавленном архиве

CSS для работы модального окна:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.window {
    display:none;
    z-index:101;
    position:fixed;
    background:#660000;
    padding:20px 20px 17px 20px;
    color:#999;
    border:1px solid #A52A2A;
}
 
#mask {
    display:none;
    background:#000;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:100;
}

Здесь два варианта:
1. Сделать так, чтобы окна открывались сверху над маской (в обыкновенных хтмл-страницах именно так и было, все в норме, а после переноса на джумлу маска почему то сверху, хотя z-index окна больше, чем маски)
2. Написать скрипт, которые бы вместе с modal.js подгружал изображение скрытого модального окна в страницу только при нажатии Ссылки на модальное окно

Что делать?

@ostgals · 11.04.2011, 22:21

Сообщение от 4umYOUser

Вот, нашел причину.

Не по теме:

Кхм... Скромности вам не занимать.

@4umYOUser · 11.04.2011, 22:30 **[ТС]**

Сообщение от ostgals

Не по теме:
Кхм... Скромности вам не занимать.

Ах, да:
помогите пожалуйста кто чем может

Новые блоги и статьи Все статьи Все блоги /
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266

	Как подгружать только нужные изображения 10.04.2011, 14:57. Показов 2477. Ответов 13 Метки нет (Все метки) У меня сайт на джумле. В папке images около 400 изображений. На какую страницу не захожу она продолжает загружаться до тех пор, пока не подгрузит все эти изображения, хотя на странице используется всего несколько из них. Нужен самый простой скрипт, который запретил бы подгрузку большинства изображений, которые не используются на странице. Т.е. он должен прочитать хтмл-код страницы и подгрузить в нее только те изображения, которые указаны через img src в хтмл-коде данной страницы. 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	10.04.2011, 19:53
	Можно посмотреть что грузит браузер при помощь браузера FireFox + FireBug. Также для оптимизации можно установить плагин PageSpeed от Гугла. Браузер грузит картинки только те что в html (иногда они указаны в CSS стилях, но в html эти стили должны быть тоже) 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	11.04.2011, 14:16
	Очень странно... с чего джумле это все загружать и главное куда она это загружает?? По мне, так Джумла не может даже если захочет загрузить то, что нет в html 0

@uggway 221 / 135 / 48 Регистрация: 12.04.2010 Сообщений: 248
	11.04.2011, 21:09
	Их НЕ нужно закачивать куда-то в особенное место. В джумле страничка генерируется на основе шаблона. И ВСЕ загружаемые картинку прописаны в нем и в прилогаемых css файлах... Поэтому ВСЕ изображения из какой-либо папки грузиться никак не могут. Смотри код шаблона. В нем вся соль 0