Lightbox help?

[experience66]

1) Script Title: lightbox

2) Script URL (on DD): http://www.scotlandcruise.net

3) Describe problem:

basically i am just practicing on my server with a few different things.

i am going to make a website for my photography of cars and want to display them like this http://www.dynamicdrive.com/dynamici...tbox/index.htm

however, if you view my site you will see my problem, its only the one pic as i am messing about trying to get it right.

I am using dreamweaver 8

[jscheuer1]

Your page's source looks correct although the title:

<title>
Lightbox iFrame Demo
</title>

is misleading as there is no iframe on the page and lightbox neither requires nor does well when mixed with iframe.

You do have to upload the script and style files to your server though:

http://www.scotlandcruise.net/css/lightbox.css
http://www.scotlandcruise.net/js/prototype.js
http://www.scotlandcruise.net/js/scriptaculous.js
http://www.scotlandcruise.net/js/lightbox.js

are all 404 not found. They need to be in those locations as indicated in your source:

<link rel="stylesheet" type="text/css" media="screen" href="css/lightbox.css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

these files can all be obtained from the distribution archive:

http://www.dynamicdrive.com/dynamici...x/lightbox.zip

as noted on the demo page. Get them if you do not already have them and upload them to the server, creating the appropriate directories for them as needed. Also upload from the archive any other supporting files like images to the required directories (creating them as well as needed).

[experience66]

hi , when you say upload the files, do i just upload them to the folder where the rest of my files go?

[experience66]

hi i have created a js folder within my public_html folder and uploaded all the following files

effects.js
lightbox.js
prototype.js
scriptaculous.js

[experience66]

i have finally got it!

eventually @ http://www.scotlandcruise.net/

however you will notice it takes ages to load, why is that?

If i am doing photography whats the best way to save and edit an image so it is small but keeps alot of quality. As i am guessing this is the reason why it takes soo long.

[experience66]

got it , i didnt realise you had to upload all the lightbox files over again.

[experience66]

http://www.scotlandcruise.net

if you now visit my site, click enter.

my question is

How do i replace "image #1" with an image.

[jscheuer1]

Great, you've got it working! I was hoping I had given you enough information without making things seem overly complex.

Anyways, to answer your question about how long it takes to load - yes, you should compress your images.

There are dedicated programs for this. I like xat.com's image optimizer. It is a commercial program but has a trial version. There are also online image optimizers which, although they cannot achieve the same degree of compression at as high a level of quality, are still much better than no compression. DD has one at:

http://tools.dynamicdrive.com/imageoptimizer/

Also, if you have the Gimp, Photoshop or Paintshop (other image editing programs may also do this) you can adjust the compression using them. How varies with the program but, it is during the save or 'save as' process that these options can be accessed.

However you compress an image, be sure to retain a backup copy of your uncompressed image!

[andyellison]

So is there any way to make iframe work with light box? im trying to get the light box to open in the outerframe while being summoned from iframe, any way?

[jscheuer1]

So is there any way to make iframe work with light box? im trying to get the light box to open in the outerframe while being summoned from iframe, any way?

Maybe, but lytebox already can do this and is very similar:

http://www.dolem.com/lytebox/