Получить другое изображение из базы данных в зависимости от размера экрана

Question

Я начинаю создавать веб-приложение, и идея заключается в том, что в зависимости от URL-адреса оно будет доступно из-за загрузки изменяющегося текста и изображений из базы данных. www.mitdomæne.dk /? id = 1 0,2 0,3 и т. д. до 50 штук.

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

Могу ли я получить php, чтобы выбрать экран какого размера и отобразить правильное изображение?

Так что, если это iphone, который смотрит сбоку, изображение шириной 320 пикселей загружено, и если это ipad шириной 1024 пикселя.

Я создал базу данных MySQL с этими полями.

ID: Компания: Billed_fil

И код выглядит следующим образом.

HTML:

 <div data-role="page" id="side1">
   <div data-role="header" data-nobackbtn="true"> </ div>
   <div data-role="content">
     <p class="brod"> <? php echo $ company?> </ p>
 <div id="billede"> <img src = "<? php echo $ billed_fil?>" alt = "" border = "0" /> </ div>
   </ div>
   <div data-role="footer"> </ div>
 </ div>

PHP:

 <? php

 include 'firmaer_db_cnx.inc.php';

 $ id = $ _GET ['id'];
     $ sql = mysql_query ("SELECT * FROM info_int WHERE id = '$ id'");

     $ company list = mysql_fetch_array ($ sql);

     $ id = $ company list ['id'];
     $ company = $ company list ['company'];
     $ billed_fil = $ company list ['billed_fil'];

 ?>

версия Sql 5.1.53 Версия PHP 5.3.4

Возможно ли это?

// Каспер

Answer 1

просто сохраните изображение вне базы данных, сделайте что-то вроде этого

<script language="JavaScript" type="text/javascript">
if(screen.width==800 && screen.height==600){
document.images['id'].src='<? php echo $ billed_fil?>-800x600.gif';
}
else if(screen.width==1024 && screen.height==768){
document.images['id'].src='<? php echo $ billed_fil?>-1024x768.gif';
}
else{
document.images['id'].src='<? php echo $ billed_fil?>-default.gif'; 
}
</script>

Answer 2

PHP запускается на сервере до того, как он передается клиентскому браузеру, поэтому он не имеет представления о размере экрана, на котором работает клиентский браузер. Один из способов сделать это можно с помощью JavaScript, чтобы получить размер экрана и передать эти значения в PHP (через вызов AJAX?). Конечно, другие SO люди придут с другими идеями (возможно, лучше, чем мои), так что вы сами выбираете, как вы это делаете.

Answer 3

Там может быть еще более простой способ сделать это, используя только CSS. Посмотрите на эту демонстрацию:

http://www.alistapart.com/d/responsive-web-design/ex/ex-site-larger.html Подсказка: измените размер окна вашего браузера.

А вот Статья , объясняющая, как это сделать. Также еще немного справочная информация .

Answer 4

Единственный возможный способ получить размер экрана - это JavaScript или некоторый подобный язык программирования, вы можете использовать вызов ajax, сохранить его в cookie и затем прочитать его с помощью php, или вы можете быть немного умнее, чем этот, и сохранить изображение с тем же именем с одним разным окончанием ... которое будет разрешением, например, iamge1024x123.png, а затем используйте javascript onload, чтобы добавить правильное изображение в зависимости от разрешения. затем вы сохраняете ненужные вызовы в базе данных и получаете небольшое повышение производительности, пока вы это делаете. Я надеюсь, что вы поняли мою идею, и это было для какой-то помощи