Giter Site home page Giter Site logo

walkout's Introduction

Walkout Instructions

This is a couple of scripts on how to create a virtual walkout video.

Head

In my main file I want the wakout to be on (example: index.php)

Place in <head>.

<script type="text/javascript" src="/js/swfobject.js"></script>
<script type="text/javascript" src="/js/walkout-np.js"></script>
//walkout
if(!isset($_SESSION['walkout-home'])) $_SESSION['walkout-home'] = 0;
function walkout ($walkout) { 
  if(isset($_GET['video'])) return false;
    if($walkout == 0) { 
      echo '<script type="text/javascript">loadThis();</script>';
      $_SESSION['walkout-home'] = 1;
    }
    else return false;
}

Place somewhere in your css

#closeVideo {
  width: 450px; 
  height: 1%;
  position:relative;
  top: 158px;
  left: 144px; 
  display: none;
  z-index: 800;
  overflow:visible;
  padding:0; margin:0;
}

Place this in the location near where you want the wakout to appear

<!--Walkout -->
<div id="closeVideo">
  <div id="introVideo"></div>
  <div class="closeimage" onclick="closeIntro();" title="Close Video"></div>
</div>
<?php walkout($_SESSION['walkout-home']); ?>

JS Files

Be sure to upload your javascript files in the the /walkout directory...(swfobject.js, and walkout-np.js)

Flash File

You shouldn't have to change anythin in the manager file. Just keep the filename for the video-np.swf the same.

Open the video-np.fla flash file and replace the video with your video file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.