Как использовать Pretty Photo в мобильных приложениях

Я разрабатываю приложение для Windows Phone с использованием разрыва в телефоне.Как использовать Pretty Photo в мобильных приложениях

Я хочу использовать Pretty Mobile jquery In to Project.

Довольно Мобильный Jquery Сайт: http://www.no-margin-for-errors.com/projects/prettymobile/

Я просто скопировал и изменить расположение файлов Правильно Но Out Put It пуст Показать только белый цвет.

В вышерасположенном URL-адресе также не работает. Он показывает только Pretty Mobile Only. Any One Tell Me Как использовать Pretty Mobile в приложении Windows Phone 7.

Мой код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
    <title>prettyMobile</title> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 
    <meta name="apple-mobile-web-app-capable" content="no" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="white" /> 

    <link rel="stylesheet" href="css/prettyMobile.css" type="text/css" media="screen" charset="utf-8" /> 
    <link rel="stylesheet" href="css/native-iphone.css" type="text/css" media="screen" charset="utf-8" /> 

    <script src="js/sizzle.js" type="text/javascript" charset="utf-8"></script> 
    <script src="js/prettyMobile.js" type="text/javascript" charset="utf-8"></script> 
</head> 
<body onload="setTimeout(function() { window.scrollTo(0, 1); }, 100);" onorientationchange="updateOrientation();"> 
    <div id="pm_container"> 
     <div id="pm_header"> 
      <h1 class="pm_page-title">prettyMobile</h1> 
      <p class="pm_back"><a href="#" rel="back"><strong>Back</strong></a></p> 
     </div> 
     <div class="pm_in-viewport"> 

     </div> 
     <div class="pm_out-of-viewport"></div> 
     <div id="pm_loader"></div> 
    </div> 
</body>

Любой один Plz Tell Me Как заставить его работать ...

Другое Wise Расскажите любой альтернативный способ сделать такую же функциональность, как Довольно фото

Спасибо.

источник

2013-11-28 Guru

@media only screen and (max-width: 480px) { 
     *[class~=pp_pic_holder] { width: 100% !important; left: 0px !important; } 
     *[class~=pp_hoverContainer] { width: 90% !important; height: 180px !important; } 
     *[class~=pp_fade] { width: 389px !important; } 
     *[class~=pp_hoverContainer] { height: 190px !important; } 
     *[class~=pp_right] { height: 220px !important; } 
     *[class~=pp_content] { height: 100% !important; width: 320px !important; } 
     #fullResImage { height: 100% !important; width: 320px !important; } 

}

источник

2015-03-29 09:33:13

Если вы могли бы отредактировать свой ответ и объяснить, что показывает код, который вы показываете, и почему/как этот код отвечает на вопрос, это сделает ваш ответ еще более полезным. –

Селекторами звезд, как они есть, совершенно не нужны. – Nit

Как использовать Pretty Photo в мобильных приложениях

ответ

Смежные вопросы