How did this site create this type of intro?

[Bouncer222]

Go to http://www.187ci.com/
How did they make an Intro pop up? I have a flash intro as well... and I wana make it pop up like that, how to do it?

[13th_Disciple]

<a href="http://jquery.com/demo/thickbox/" target="_blank">http://jquery.com/demo/thickbox/</a>

[Bouncer222]

That doesnt explain how they did it, when you visit site, the into automatically opens up.
And that link I believe is only to explain how to create that type of image viewer (basically the border of the intro, or in other words the box)

[TimberFloorAu]

You have to understand onload events Bouncer, you should familiarise yourself with Jquery.

Their code does the magic, and its cookie enabled:

<link rel="stylesheet" href="http://www.187ci.com/css/thickbox.css" type="text/css" media="screen" />

<script src='http://www.187ci.com/js/jquery.js' type='text/javascript'></script>

<script src='http://www.187ci.com/js/thickbox.js' type='text/javascript'></script>
<script src="http://www.187ci.com/joker.js" type="text/javascript"></script>
<script src="http://www.187ci.com/js/flashembed.min.js" type="text/javascript"></script>
<script src="http://www.187ci.com/js/flow.embed.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAQrwr5OP5cLJ14dpzZTQyEhRU5xi8JZ7Wh4mAjDSv5MKM6zUyvBQFqwQTJT7-qsETX0h3kvkt-F0Z3Q"></script>

<link rel="stylesheet" type="text/css" href="http://www.187ci.com/css/multiple-instances.css"/>
	
<script type="text/javascript">
	
	// this simple call does the magic
	$(function() 
{

		$("a.flowplayer").flowembed("../FlowPlayerDark.swf",  
{
clip: {  
        // track start event for this clip  
        onStart: function(clip) {  
            pageTracker._trackEvent("Videos", "Play", clip.url); 
        },  
        // track pause event for this clip  
        onPause: function(clip) {  
            pageTracker._trackEvent("Videos", "Pause", clip.url); 
            alert("dasdsad");
        },  
        // track stop event for this clip  
        onStop: function(clip) {  
            pageTracker._trackEvent("Videos", "Stop", clip.url); 
        },  
        // track finish event for this clip  
        onFinish: function(clip) {  
            pageTracker._trackEvent("Videos", "Finish", clip.url); 
        } 
    }  

    

}
);		

}
);  
		
</script>

[Bouncer222]

K so can I just use that code you pasted? And what do I need to change? And where to put it?
Thanks.

[TimberFloorAu]

No dont use their CODE !

You can learn from other peoples codes, but dont Plaguerise their code.

Search for jquery in google.
or use http://flowplayer.org/

We use their stuff on quite a few of our sites.

[Bouncer222]

K TimberFloorAu, you need to understand, I'm not a coder, and barely have any knowledge in coding, except some maybe simple html understandings.

I need someone to show me the code that can be used, not where to find it, because I simply will end up not knowing what i need.

[TimberFloorAu]

k.

Well start learning fast lol

I understand what you are saying, but you need to get to grips with this stuff ( even basics gets you a long way )
Or pay someone to do the coding for you.

Ste

[Bouncer222]

Why can't I just use their code and change it around? Plus where would the code go? and is THAT code made to show the intro only once?

[merk_aus]

reading their code and those other links provided will teach you what you need to have the intro to show what you like - we all have to start learning sometime, and if you are not willing to learn and not willing to pay people to give you every little bit of code you want you shouldn't be an admin there is alot more work than just point and click.