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

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

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

У меня сайт на джумле. В папке 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

<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

.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

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

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

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

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	10.04.2011, 18:03	2
	Сообщение от 4umYOUser На какую страницу не захожу она продолжает загружаться до тех пор, пока не подгрузит все эти изображения, хотя на странице используется всего несколько из них. Вы уверены в этом? Сообщение от 4umYOUser Т.е. он должен прочитать хтмл-код страницы и подгрузить в нее только те изображения, которые указаны через img src в хтмл-коде данной страницы. Это стандартное поведение браузера. Для него не нужно никаких скриптов. Боюсь, что проблема в чем-то другом. Как вы определили, что в момент загрузки страницы грузятся все изображения из images? 0

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

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266
	11.04.2011, 13:56 [ТС]	4
	Сообщение от ostgals Это стандартное поведение браузера. Для него не нужно никаких скриптов. Боюсь, что проблема в чем-то другом. Я в принципе и не писал, что проблема в браузере. Проблема в том, что Сообщение от 4umYOUser У меня сайт на джумле В прошлом он был в форме обыкновенных хтмл-страниц, все было в норме, но теперь возникла потребность поставить его на джумлу. Сообщение от ostgals Как вы определили, что в момент загрузки страницы грузятся все изображения из images? Когда открываю обыкновенные хтмл'ки в программе IETester (для тестирования сайта в разных версиях IE), то внизу в строке статуса вижу, что с папки images подгружаются только те, изображения которые на странице (вижу по количеству и названиях), а когда открываю в этой же программе страницы на джумле, то вижу что подгружаются сотни изображений. Насколько понимаю джумла подгружает все изображения, потому что папка images находится в папке шаблона, а джумла должна подгрузить весь шаблон (при переходе на страницы). Я не знаю, можно ли как то в самой джумле это настроить. В разделе Джумла на этом форуме тема уже больше недели, пока никто не ответил и возможно уже не ответит, поэтому интересует скрипт, который принудительно Сообщение от 4umYOUser запретил бы подгрузку большинства изображений, которые не используются на странице даже если по умолчанию Сообщение от StagnantIce Браузер грузит картинки только те что в html 0

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

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	11.04.2011, 14:50	6
	Сообщение от StagnantIce Очень странно... Присоединяюсь. Все-таки, похоже на работу какого-то неграмотно сделанного плагина к Джумле. 0

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266
	11.04.2011, 15:45 [ТС]	7
	Сообщение от ostgals похоже на работу какого-то неграмотно сделанного плагина к Джумле. Я без вас понимаю, что где то и что то нужно исправить/настроить, иначе не писал бы сюда. Если знакомы с джумлой тогда подскажите пожалуйста что именно исправить. Если не знакомы, тогда напишите скрипт, о котором прошу (насколько понимаю это не трудно). Проблема срочная. Спасибо. 0

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	11.04.2011, 18:51	8
	Сообщение от 4umYOUser Если знакомы с джумлой тогда подскажите пожалуйста что именно исправить. Я знаком с Джумлой и отвественно утверждаю, что стандартный сайт, написанный на ней, не грузит все картинки из какой-либо папки, если только они все не прописаны на конкретной странице в html-е или динамически не подгружаются через Javascript. Сообщение от 4umYOUser Если не знакомы, тогда напишите скрипт, о котором прошу (насколько понимаю это не трудно). Ничего нельзя предпринять, пока не станет известен источник описанного поведения. Для начала перечислите все сторонние компоненты, плагины и модули, которые вы используете на сайте. Тогда мы подумаем и предложим варианты или зададим дальнейшие наводящие вопросы. А пока вы думаете, что здесь сидят телепаты и знают все о вашем сайте и все ошибки в нем, мы не продвинемся ни на шаг. 0

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266
	11.04.2011, 19:40 [ТС]	9
	Сообщение от ostgals Ничего нельзя предпринять, пока не станет известен источник описанного поведения. Для начала перечислите все сторонние компоненты, плагины и модули, которые вы используете на сайте. Тогда мы подумаем и предложим варианты или зададим дальнейшие наводящие вопросы. А пока вы думаете, что здесь сидят телепаты и знают все о вашем сайте и все ошибки в нем, мы не продвинемся ни на шаг. Дело в том, что нет каких либо сторонних плагинов (разве только TinyMCE включен и модуль simpleForm2 присутствует, хотя модуль вроде не имеет никакого отношения к изображениям). Сообщение от ostgals Я знаком с Джумлой и отвественно утверждаю, что стандартный сайт, написанный на ней, не грузит все картинки из какой-либо папки, если только они все не прописаны на конкретной странице в html-е или динамически не подгружаются через Javascript. Теперь понял. Думал это у всех сайтах на джумле если много картинок в images, то она их все подгружает. Возможно их нужно закачивать в images/stories, а в папке images оставлять только те, которые нужны для оформления шаблона? 0

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

	11.04.2011, 22:30

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266
	11.04.2011, 21:49 [ТС]	11
	Сообщение от uggway И ВСЕ загружаемые картинку прописаны в нем и в прилогаемых css файлах... Бывают еще картинки, добавлены при редактировании материала в админке (кнопка Изображение внизу визуального редактора). Они не прописаны ни в шаблоне, ни в css файлах. Вообще у меня на сайте при переходе на страницы меняется содержание только контента (меню, шапка, подвал и все другое сохраняется, поэтому указано в шаблоне). Контент прописан в шаблоне как компонент, т.е. для каждой страницы я редактирую его в Менеджере материалов через визуальный редактор. В редакторе для изображений, которые в пределах компонента, я указывал пути с папке images моего шаблона, а не с папке Медиа. Наверное именно здесь и вся проблема: видимо пути должны быть не sitename.com/templates/my-template/images, а sitename.com/images (т.е. эти 400 картинок нужно закачать в папку Медиа). 0

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	11.04.2011, 22:21	13
	Сообщение от 4umYOUser Вот, нашел причину. Не по теме: Кхм... Скромности вам не занимать. 0

@4umYOUser 28 / 28 / 4 Регистрация: 18.05.2010 Сообщений: 266
	11.04.2011, 22:30 [ТС]	14
	Сообщение от ostgals Не по теме: Кхм... Скромности вам не занимать. Ах, да: помогите пожалуйста кто чем может 0