hihow to make fit size image for all any size screenwhen open diffrent size screen image not full screen how make full screen any size screeni have code like thislt Page Language34vb34 AutoEventWireup34false34 CodeBehind34defaultaspxvb34 Inherits34payrolldefault34 gtltDOCTYPE html PUBLIC 34W3CDTD XHTML 10 TransitionalEN34 34httpwwww3orgTRxhtml1DTDxhtml1transitionaldtd34gtlthtml xmlns34httpwwww3org1999xhtml

Make Background Image Full Screen using CSS and JavaScript

ahmadsub...

SOLVED CLOSED ACTIVE ANSWERED
User: ahmadsubuhanlubis
Posted: on Feb 12, 2023 09:50 PM
Forum: HTML and CSS
Answer: 1
Views: 1367
Sample Code: Download

how to make fit size image, for all any size screen

when open diffrent size screen image not full screen, how make full screen any size screen

i have code like this

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="default.aspx.vb" Inherits="payroll._default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Login</title>
    <script type="text/javascript">
        function changeImg(imgNumber) {
            var myImages = ["img/work1.jpg", "img/work2.jpg", "img/work3.jpg", "img/work4.jpg", "img/work5.jpg", "img/work6.jpg", "img/work7.jpg", "img/work8.jpg", "img/work9.jpg", "img/work10.jpg", "img/work11.jpg", "img/work12.jpg", "img/work13.jpg", "img/work14.jpg", "img/work15.jpg", "img/work16.jpg", "img/work17.jpg"];
            var imgShown = document.body.style.backgroundImage;
            var newImgNumber =Math.floor(Math.random()*myImages.length);
            document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')';
        }
        window.onload=changeImg;
    </script>

thanks.

Download FREE API for Word, Excel and PDF in ASP.Net

AjayV

0 2

Reply
ANSWER
User: AjayV
Replied: on Feb 12, 2023 11:09 PM
Report

Hi ahmadsubuhanl...,

Please refer below sample,

HTML

<script type="text/javascript">
    function changeImg(imgNumber) {
        var myImages = ["Penguins.jpg"];
        var imgShown = document.body.style.backgroundImage;
        var newImgNumber = Math.floor(Math.random() * myImages.length);
        document.body.style.backgroundImage = 'url(' + myImages[newImgNumber] + ')';
        document.body.style.backgroundRepeat = 'no-repeat';
        document.body.style.backgroundSize = 'cover';
    }
    window.onload = changeImg;
</script>

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Make Background Image Full Screen using CSS and JavaScript

Company

Explore

Follow us

Contact Us