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=ABQIAAAAQrwr5OP5cLJ14dpzZTQyEhRU5xi8JZ7W h4mAjDSv5MKM6zUyvBQFqwQTJT7-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.

[TimberFloorAu]

I agree Merk

Buying forum software isnt the end of it, its just the very very beginning.

You need to start learning Basic html code, then start refining what you have learnt.

We cant all know everything about everything, but a little as i said goes a long way :)

[Bouncer222]

just a question...how does this affect SEO?

[Bouncer222]

so any news how this affects SEO?
BTW where exactly do you put that code?