javascript - Set image in mobile angular ui website -


i implement mobile website. using mobileangularui framework mobile website. want set image in home.html, not set image image folder.if put url of image exist in server works. show screen shot of code snippet. enter image description here

existing output:
enter image description here

home.html

<style> .bgimage {     background-image: url('http://www.electricshop.com/editordocs/image/ourtopgiftideas231215_978x400.png');     height:330px;     background-position: center center;  } </style> <div class="jumbtron scrollable-content">    <div class="bgimage">   </div>   <img src="../images/clocks.jpg">   <img src="http://1.bp.blogspot.com/-nfififmg8sa/ti0xrnqb4oi/aaaaaaaadno/fb_2wyqbiv4/s1600/silence-between-two-people.jpg">  </div> 

index.html

<!doctype html> <html>   <head>     <meta charset="utf-8" />     <title>y</title>      <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" />     <meta name="apple-mobile-web-app-capable" content="yes" />     <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui" />     <meta name="apple-mobile-web-app-status-bar-style" content="yes" />     <link rel="stylesheet" href="css/app.min.css" />     <link rel="stylesheet" href="css/responsive.min.css" />      <script src="http://localhost:8001/target/target-script-min.js"></script>     <script src="cordova.js"></script>     <script src="js/app.min.js"></script>   </head>   <style>   .color-winni-text   {     color:#c62222;   }   </style>   <body ng-app="y" ng-controller="maincontroller">      <!-- sidebars -->     <div ng-include="'sidebar.html'"             ui-track-as-search-param='true'             class="sidebar sidebar-left"></div>      <div class="app">        <!-- navbars -->        <div class="navbar navbar-app navbar-absolute-top">         <div class="navbar-brand navbar-brand-center color-winni-text" ui-yield-to="title">                   <strong>winni celebration</strong>             </div>         <div class="btn-group pull-left">           <div ui-toggle="uisidebarleft" class="btn sidebar-toggle">             <i class="fa fa-bars  color-winni-text fa-2x"></i>            </div>         </div>         <div class="btn-group pull-right" ui-yield-to="navbaraction">           <div ui-toggle="uisidebarright" class="btn">             <i class="fa fa-comment color-winni-text"></i>            </div>         </div>       </div>        <div class="navbar navbar-app navbar-absolute-bottom">         <div class="btn-group justified">           <a href="http://mobileangularui.com/" class="btn btn-navbar"><i class="fa fa-home fa-navbar"></i> docs</a>           <a href="https://github.com/mcasimir/mobile-angular-ui" class="btn btn-navbar"><i class="fa fa-github fa-navbar"></i> sources</a>           <a href="https://github.com/mcasimir/mobile-angular-ui/issues" class="btn btn-navbar"><i class="fa fa-exclamation-circle fa-navbar"></i> issues</a>         </div>       </div>        <!-- app body -->       <div class="app-body background-color-body">         <div class="app-content">           <ng-view></ng-view>           </div>       </div>      </div><!-- ~ .app -->      <div ui-yield-to="modals"></div>      </body> </html> 

when give

<img src="../images.clocks.jpg"> 

then not works, give image url exist in server works. directory screen shot: enter image description here
please give me idea.


Comments

Popular posts from this blog

c - How to retrieve a variable from the Apache configuration inside the module? -

c# - Constructor arguments cannot be passed for interface mocks -

python - malformed header from script index.py Bad header -