You are invited to Log in or Register a free Frihost Account!

Inpage Popup

If you are a member on the games section, you'll know what I mean.

When your there and signed in, you get access to bonus features. Some of these are images which are displayed down the side of the screen. When you click on one of these, the image will load in the middle and the rest of the screen will go black. Ive taken some screen shots below and if anyone can copy the script so that it has the semi-black background with a DIV in the middle and you can click a hyperlink to close it, I can pay them.

Its called lightbox script!
Im using the same for my picture gallery:

just go to any of the 3 sub pages
and click any image after loading the page fully!!

You can view the Image poping up in the same page with dark background!

Click on the left or right of the poping up Image!

you can navigate to next or previous Images!

Here is a basic version:
<script type="text/javascript">
function show_hide(id_name) {
   if (document.getElementById(id_name).style.display=="none") {
      document.getElementById(id_name).style.display = "inline";
   } else {
      document.getElementById(id_name).style.display = "none";
<a href="" onClick="show_hide('box_1'); return false;">Show...</a><br />
<br />
<div id="box_1" style="background-color: #dddddd; position: absolute; top: 50px; left: 100px; display: none;">Some text here...<br />
<a href="" onClick="show_hide('box_1'); return false;">Close [x]</a></div>
I have to ask one more thing..

U can see the logo near to the link in the address bar.

How do we get the logo thing for the website.
That's an interesting question that I never thought to find an answer for. But now I've got one =)

Searched around a bit and found an explanation. There are apparently two ways to get it to work, but I could only get one to work.

First, make a 16 x 16 icon file (Windows Icon File, *.ico). You might have to find a program that converts normal image files to an ico, but there seem to be plenty floating around on the net (I ended up using png2ico).

Now, the first method (which didn't work) is to call that file favicon.ico and place it in the root folder of your website. The browser should automatically find the icon and use it. Perhaps I didn't put it in the right place.

The other method, which isn't much harder, is to add a <link> tag to the header of your html file, just like a link to a css file.
<link rel="shortcut icon" href="favicon.ico" />

Replace favicon.ico with whatever you call your icon, and you're good to go. Although I think you'll have to add that to every page of your site, so you may want to tinker with the first option and try to get that working.

- Walkere
avk wrote:
I have to ask one more thing..

U can see the logo near to the link in the address bar.

How do we get the logo thing for the website.

Not yet noticed my signature?? Surprised

Ok Im doing it for free dude!!

Click here to get FREE Animated FavIcon With Scrolling Text!
Hey! Nirnavv

thanks for trying to help but i got my answer.

Actualy got more than what i wanted.
Related topics
How to make popup like geocities (javascript?)
popup venster
How to make a POPUP?
one popup
Popup als je site verlaat
Popup when leaving site
Anoying popup in windows
popup for website !
What happens within a popup
Pls help, onmouseover popup image frm database
Popup window
Popup to main refresh
ilead itrack it popup
For sale JavaScript DHTML Website Popup Menu
Reply to topic    Frihost Forum Index -> Scripting -> Php and MySQL

© 2005-2011 Frihost, forums powered by phpBB.