화면 크기에 따라 데이터베이스에서 다른 이미지 가져 오기

웹 앱을 만들기 시작했습니다. URL에 따라 데이터베이스의 다양한 텍스트와 이미지에서 액세스 할 수 있습니다. www.mitdomæne.dk /? id = 1 0.2 0.3 등 50 개까지화면 크기에 따라 데이터베이스에서 다른 이미지 가져 오기

이제 문제는 모바일 또는 패드 (화면 크기)에 따라 자동으로 꺼지는 동적 콘텐츠가 있어야한다는 것입니다.

PHP로 어떤 크기의 화면을 선택하고 올바른 그림을 에코 할 수 있습니까?

그렇다면 320px 너비의 이미지를 보는 아이폰이라면 ipad이면 1024px 너비입니다.

이 필드를 사용하여 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

인가?

// 카스퍼 화면 크기를 얻을 수

출처

2011-09-02 user924871

CSS를 사용하여 더 쉽게이 작업을 수행 할 수 있습니다. 이 데모보기 :

http://www.alistapart.com/d/responsive-web-design/ex/ex-site-larger.html 힌트 : 브라우저 창 크기를 조정하십시오.

그리고 어떻게 수행하는지 설명하는 Article입니다. 또한 좀 더 background info.

출처

2011-09-02 08:32:36 nfechner

그런 짓을! Thx : D – user924871

유일한 방법은 자바 스크립트 또는 일부 fimiliar fronend 프로그래밍 언어를 통해, 당신은 아약스 호출을 사용할 수 중 하나를 쿠키에 저장하고 U를 PHP로 읽어, 또는이다 조금 똑똑해지면 같은 이름의 이미지를 하나의 diffrence로 끝낼 수 있습니다. 해상도는 (예 : iamge1024x123.png)이며 해상도에 따라 적절한 이미지를 추가하려면 javascript onload를 사용하십시오. 데이터베이스에 불필요한 호출을 저장하면 u'r에서 성능이 약간 향상됩니다. 내 생각을 이해하고 도움이 되었기를 바랍니다.

출처

2011-09-02 08:29:52 Breezer

PHP는 클라이언트 브라우저에 제공되기 전에 서버에서 실행되므로 클라이언트 브라우저가 실행되는 화면 크기에 대해서는 알지 못합니다. 당신이 이것을 할 수있는 한가지 방법은 자바 스크립트를 통해 스크린 크기를 검색하고 그 값을 PHP로 전달하는 것입니다 (AJAX 호출을 통해?). 물론, 다른 사람들은 다른 아이디어 (아마 내 것보다 낫다)를 내놓을 것입니다. 그래서 당신이 그것을하는 방법을 선택할 수 있습니다.

출처

2011-09-02 08:32:29 DaveyBoy

바로 데이터베이스 외부에 이미지를 저장이 작동이

<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>

출처

2011-09-02 08:33:55 Beffa

화면 크기에 따라 데이터베이스에서 다른 이미지 가져 오기

답변

관련 문제