Welcome to WebmasterWorld Guest from 54.158.36.59

Forum Moderators: not2easy

Message Too Old, No Replies

Full screen photo display

Possible to cover the entire screen with a graphic?

     
1:55 pm on Jul 27, 2004 (gmt 0)

10+ Year Member



Client wants me to replicate slide show software on his Web site. I can find plenty of JavaScript code to put the photos in motion but am stuck on how to cover the entire screen and replace the browser controls with a small strip of universal symbols for recorders (i.e. play, rewind, stop, restart, etc.).
2:04 pm on Jul 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can use the 'fullscreen=yes' function for a javascript popup.

If you do I would strongly suggest you:

a) Warn your visitors before they click the link.
b) Offer a VERY visible 'close window' button on every page.

Ta

Limbo

5:14 pm on Jul 27, 2004 (gmt 0)

10+ Year Member



I couldn't get it to work to my satisfaction (i.e. covering all the toolbars etc on my browser).

In my head tag I coded:

<SCRIPT LANGUAGE="JavaScript">
<!-- //

function slide_show(){
window.open("slideShow.htm", "_self", "fullscreen=yes");
}

// -->
</SCRIPT>

In the body I coded:

<form>
<input type="button"
Value="Click here"
onClick="slide_show()">
</form>

Everything else works as expected: I don't get any Run Time errors and pressing the "Click here" button brings up my HTML slide show in the same window.

6:08 pm on Jul 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Try this:

<script>
function openpopup1(){
winpops=window.open("yourpage.htm","","fullscreen=yes,toolbar=no,status=no,menubar=no,")
}
</script>
<a href="javascript:remove this textopenpopup1()">Open This Window Full Screen</a>

should have the desired effect

Ta

limbo

1:36 pm on Jul 28, 2004 (gmt 0)

10+ Year Member



It all works, and the client is ok with the warning message as you suggested. Thanks!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month