Skip to content

funkymed/fullscreen

Repository files navigation

Fullscreen

Author : Cyril Pereira

Put a HTML node in fullscreen fitted homothetically inside the browser

GitHub : https://github.com/funkymed/fullscreen

Demo

Image : http://medcg.free.fr/tmp/fullscreen/index.html

Install

yarn add funkymed-fullscreen --save

Build

yarn build

Test

yarn start

Install in React

import $ from "jquery";
import '../dist/Fullscreen'
componentDidMount()
{
    $('.imgresized').Fullscreen({fade:3000});
}
render()
{
    return (
        <div>
            <img className="imgresized" src="images/image7.jpg" />
        </div>
    );
}

How to use ?

Just do this

$('img').Fullscreen();

options

$('img').Fullscreen({transition:'ease-in-out',speed:0});

transition : ease-in, ease-out, ease-in-out

speed : time in second

Fade

$('img').Fullscreen({fade:3000});

fade : time in millisecond for the fade after load img

Width and height

if you need use something else than image, you will need to set the size

just add width and height to the object option

$('img').Fullscreen({width:1280,height:720});

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages