CSS: привязка изображений к URL - PullRequest
0 голосов
/ 10 марта 2012

Я запутался, немного удивляясь, как связать мои изображения с их URL-адресами на каждой странице.позвольте мне объяснить немного.У меня фактически есть такая структура сайта:

                                                    ------> folder1-1 
                                    ------> folder1 ------> folder1-2
                                                    ------> folder1-3

                                                    ------> folder2-1 
www.domain.com ------> main folder  ------> folder2 ------> folder2-2
                                                    ------> folder2-3

                                                    ------> folder3-1 
                                    ------> folder3 ------> folder3-2
                                                    ------> folder3-3

, когда я получаю ссылки на изображения на каждой странице, все меняется;Я имею в виду, я должен изменить адрес назначения.Например, основная папка может получать изображения непосредственно из источника, поэтому URL будет выглядеть так: "../images/bla.jpg"

, однако, чем дальше я иду, тем дольше он получается;то есть: для папки2 : "../../images/bla.jpg" и так далее для остальных ...

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

Я нашел 4 способа решения этой проблемы:

1- размещение полного URL-адреса для ссылки напрямую;то есть: "http://www.domain.com/images/bla.jpg" (я пока не знаю, влияет ли это на скорость сайта; замедляет или нет)

2- схожу с ума и добавляю ../../../, чем дальше язайдите на сайт (который я считаю бессмысленным.

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

4- , используя внешний файл CSS, чтобы содержать все изображения, необходимые для каждой страницы (но я думаю, что мне придется использовать полный URL-адрес, чтобы подключить его ккаждая страница или один и тот же длинный ../../../ way)

Теперь мой вопрос: могу ли я использовать изображения с моей оригинальной структурой, не создавая беспорядка непосредственно на каждой странице и не добавляя полный URL-адрес?Спасибо

Ответы [ 2 ]

1 голос
/ 10 марта 2012

Да, вы должны иметь возможность использовать начальную косую черту для обозначения того, что запрос начинается с корня домена.Так что /images/bla.jpg будет переводиться в http://www.domain.com/images/bla.jpg независимо от того, насколько глубоко вы вложены.

В качестве примечания, номер точки 1 , используя http://www.domain.com/images/bla.jpg, не повлияет на скоростьв любом случае.Независимо от того, как сформулирован URL, он будет разбит браузером и отправлен одинаково.

1 голос
/ 10 марта 2012

Я бы использовал корневой относительный URL-адрес (начальная косая черта - относительно корневого каталога), viz :

/images/foo.jpg

Это будет согласованно независимо от того, где находится страница (или стиль)лист) составляет

...