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.
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:
please give me idea.
Comments
Post a Comment