FullScreenImage 0.02

FullScreenImage allows a MooTools/Javascript developer to show images as true full screen by using a small Flash applet. The developer doesn't need any knowledge of Flash/ActionScript.



Details

Author
Michal Charemza
Current version
0.02
GitHub
michalc/FullScreenImage
Downloads
4478
Category
Media
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • core/Swiff
    • core/Element.Dimensions

How to use

Initialisation

A "button" must be chosen on the page to act as the toggle.

var panel = new FullScreenImage($('fullScreenButton'), {swf:'swf/FullScreenImage.swf'});

Showing an Image

To show an image, use FullScreenImage::show

panel.show("images/myImage.jpg");

Note this only shows the image if already in full screen mode. Otherwise the image is loaded, and will be shown next time full screen mode is activated

Toggling Between Full Screen and Normal Mode

  • To enter full screen mode, the user clicks the button
  • To exit full screen mode, the user presses Esc (as is shown on screen when going to full screen mode)

Note I wasn't able to get full screen mode working in response to Javascript events (e.g. a mouse click on a HTML element). I suspect this is a security precaution.


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus