Solved

Transparent pop-up in front of current page

Posted on 2009-07-12
3
300 Views
Last Modified: 2012-05-07
Does anyone know how to create a transparent, animated pop-up in front of the page like this? (click on one of the small images of the snake)
http://market.kingsnake.com/detail.php?cat=64&de=699261
Would I be able to use something like this with a page created in Dreamweaver? I want to have a page with multiple thumbs that open like this when you click on them. But I need SIMPLE, easy to follow directions as I am pretty new at web design. I tried searching for a tutorial online, but I didn't know what to call this particular effect.
0
Comment
Question by:starolson
  • 2
3 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 24837261
Hi starolson,

That exact sample is called "Lightbox JS 2"

http://www.huddletogether.com/projects/lightbox2/

There is a similar one called Lightview:

http://www.nickstakenburg.com/projects/lightview/

Both are very easy to install (just unzip some files and add include calls to the pages, then add a little bit of code to the thumbnail).
0
 

Author Closing Comment

by:starolson
ID: 31602640
Thank you! That is easy! I just didn't know to call it a lightbox!!  :P Thanks again!
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24842473
>> hank you! That is easy! I just didn't know to call it a lightbox

I don't think that's the "technical" name for the effect but that's what the developers call it.  If you view the source code from the link you gave me, you would see the javascript file that calls the effect and a quick Google would have showed you the links I sent.

Anyway, glad I could help.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
This video explains how to create simple products associated to Magento configurable product and offers fast way of their generation with Store Manager for Magento tool.

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now