как настроить изображение в мобильном Интернете в asp.net - PullRequest
Новая
       23

как настроить изображение в мобильном Интернете в asp.net

1 голос
/ 08 апреля 2011

У меня есть мобильный веб-сайт, созданный для одного из моих клиентов. Я создал сайт на своем сервере разработки и живом сервере. Когда я загружаю логотип изображения на сервер разработки и проверяю его на мобильном устройстве, изображение отображается правильно. Но когда я размещаю тот же код на своем живом сервере, изображение не отображается на мобильном телефоне, а отображается на моем ПК.

Я просто использую простой HTML:

<img src="/image/logo.jpg">

Я даже попробовал приведенный ниже код с и без кавычек в URL изображения.

<div style="background-image: url(/image/logo.jpg)" />

Ответы [ 4 ]

0 голосов
/ 08 апреля 2011

Я думаю, что ваш html плохо отформатирован для мобильных устройств.

Поместите это в начало вашего HTML-файла: 

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

А затем проверьте, правильно ли он отображается.

Также проверьте веб-сайт с помощью другого мобильного телефона и помните, что ваш интернет-провайдер может кэшировать старые файлы.

P.S .: Использование тега изображения, как это нормально: 

<img alt="the image" src="/image/logo.jpg" />

P.P.S: Правильно ли закрыт тег изображения? Отсутствует "/" .

Проверьте это: 

<img src="/image/logo.jpg" />
0 голосов
/ 08 апреля 2011

Чтобы решить эту проблему, используйте следующий синтаксис:

Не забудьте alt

0 голосов
/ 08 апреля 2011

Как уже отмечали другие, проблема заключается в пути к каталогу изображений. Мы предполагаем, что каталог изображений находится в корне вашего приложения. Ведущий / ссылается на корневой URL вашего сайта. Использование ~ / в серверных элементах управления заставит asp.net заменить его корневым URL-адресом вашего приложения. Вот несколько примеров, которые могут уточнить:

www.example.com / someApp / изображение / logo.jpg 

/image/logo.jpg = www.example.com/image/logo.jpg

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

image/logo.jpg = www.example.com/someApp/image/logo.jpg

Это будет работать до тех пор, пока ссылка находится в корне приложения. 

~/image/logo.jpg = www.example.com/someapp/image/logo.jpg

Это будет работать независимо от того, где находится ссылка. Но элемент управления, содержащий ссылку, должен быть установлен на runat = "server".

0 голосов
/ 08 апреля 2011

Вы должны использовать элемент управления изображением.Просто перетащите его из панели инструментов в Visual Studio и установите изображение на панели свойств: 

<asp:Image ID="MyImage" runat="server" ImageUrl="~/image/logo.jpg" />

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

Теперь, если вы используете только HTML, ваша проблема очень проста.Попробуйте удалить первый слеш.Это должно сработать. 

<img src="image/logo.jpg"/>

Или, если вы пытаетесь добавить его в качестве фона в div: 

<div style="background-image: url("image/logo.jpg");"></div>

И для вашей справки проверьте эту страницу непосредственно из MSDN, которая объясняетпочти все возможные способы ссылки на изображения на веб-сайте:

Пути к веб-сайтам ASP.NET

Дайте мне знать, если это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...