javascript - Full page size background image -


i have background image html page. set through css style:-

html{      margin-top:10px;     background: url(xxxxx.jpg) no-repeat center center fixed;      background-size: cover; }

i want know how can change dynamically javascript side.

i have tried like: 

document.getelementbyid("html").style.backgroundimage = "url('yyy.jpg')";

but doesn't change image.

without using jquery, how can access html element , change bkimage, every 5 seconds make slideshow. (i storing image urls in array).

the background image not tied html tag body tag. try:

body {    background-image: url(xxxxx.jpg);  }

and script:

document.getelementsbytagname("body")[0].style.backgroundimage = "url('zzzzz.jpg')";

if works expected (you see zzzzz.jpg, not xxxxx.jpg) you're ready fix rest of css code.

edit: tested code , fixed bug. must assign backgroundimage = "url('zzzzz.jpg')", not filename i've written before.

as example, works perfectly, need 2 images (red.jpg , blue.jpg):

<html>   <head>     <style>       body       {          background-image: url('red.jpg');       }     </style>   </head>   <body>     <script>       document.getelementsbytagname("body")[0].style.backgroundimage = "url('blue.jpg')";     </script>   </body> </html>

edit 2:

the rest of css must not change, you'll still have:

body {   margin-top: 10px;   background: url('xxxxx.jpg') no-repeat center center fixed;   background-size: cover; }

the background property compound:

  background: url('xxxxx.jpg') no-repeat center center fixed;               ^                ^         ^      ^               url              r         h      v    url: image url   r: repetition   h: horizontal alignment   v: vertical alignment

with

background-image: url('xxxxx.jpg')

you change url part of above compound, leaving rest was. if image small might stretched cover whole screen. slide show sure images have same size.


Comments

Post a Comment

Popular posts from this blog

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

php - CakePHP HttpSockets send array of paramms -

i problem when make request (i can request). $link = 'http://uri/path/?param1=1&sid=2&sid=3&sid=4' $http = $httpsocket = new httpsocket(); $res = $httpsocket->get($link); if check request pr($http); i see : [line] => /url/path/?param1=1&sid%5b0%5d=2&sid%5b1%5d=3&sid%5b2%5d=4 http/1.1 and i'm getting empty response because server doesn't know parameters sid%5b0%5d=2 when try send parameters array : $data = array('param1' => '1', 'sid' => array('2','3', '4')); i see same changes %5b0%5d - additional indexes. how fix it? unfortunately , can not change server side, if send request in browser, i'll normal response in json format. when make request, can parameters this: $param1 = $_get['param1']; $sid= $_get['sid']; tip: use diferente names parameters. have multiples sid. use sid1, sid2, sid3... update: can parameters this:...
Read more