PDA

View Full Version : Album Pictures on dreamweaver


stu_c
04-20-2010, 10:00 PM
Hi all
I am looking to encorporate this feature into my website but I am having trouble on to do it.

heres a link for a website.
http://engineoptics.com/gallery/index.html

when you click on one of the pictures it pops up another window in a frosted showing the picture to clicked on how do you do this?

domedia
04-20-2010, 10:22 PM
It's a js script called Lightbox. Google it and you'll get to their page with full instructions and download.

stu_c
04-21-2010, 06:06 PM
Hi all
Having problems doing this been at it for hours can someone input the light box code into the right place.

Also where do the files I downloaded go?

If you click below can someone look at the webpage source code and put the light box code so it works on one of the pictures, All i seem to get when you click on the picture is another tab opening :(

http://projectauto.co.uk/ProjectGOLF/Site%20Pages/Wholepage.html

thanks

d a v e
04-21-2010, 07:14 PM
have you followed the instructions and checked the help files on the lightbox site? check your links to all the files too and make sure they're ok

stu_c
04-21-2010, 07:30 PM
yeah I have and even more confused the files I downloaded where do they get placed?

also no luck sorting the problem :(

d a v e
04-22-2010, 07:43 AM
how about something like this (sorry got a bit carried away ;)
http://gekkoweb.com/testing/projectauto/index.html

btw, frames are quite bad - hard to bookmark, to print, etc.

your ProjectS2000 link is broken.

stu_c
04-23-2010, 03:05 PM
yeah thats what I want!

this is my old webpage just gave you that one to playabout with I dont use frames on my new one

My New webpage is
http://projectauto.co.uk/S2000.html

can you put the webpage you done with all the files etc into a Zip file so I can take a look?

stu_c
04-23-2010, 09:20 PM
i finally got my head around it!

is it possible to have more than one album per page i tried to put two in but it seems to add more pictures to the orginal just wondered if you have to add a certain code under the orginal code

heres the code i have used...

<a href="../../Media/Car Pictures/Engine/AEM Intake/003.jpg"
title="<span style=color:red><u><b>different text color</b></u></span style=color:red> <BR> Test <P></span>"
rel="lightbox[roadtrip]"><img src="../../Media/Car Pictures/Engine/AEM Intake/003.jpg" height="58" border="0"/>
</a>

<a href="../../Media/Car Pictures/Engine/AEM Intake/004.jpg"
title="<span style=color:red><u><b>different text color</b></u></span style=color:red> <BR> Test <P></span>"
rel="lightbox[roadtrip]">
</a>

<a href="../../Media/Car Pictures/Engine/AEM Intake/005.jpg"
title="<span style=color:red><u><b>different text color</b></u></span style=color:red> <BR> Test <P></span>"
rel="lightbox[roadtrip]">
</a>




anything i can put after this to stop it looking for any other pictures after this line?

gentleone
04-23-2010, 10:50 PM
rel="lightbox[roadtrip]
the 'rel' attribute is where you define your album. In this set of images its the album 'roadtrip'.

If you want another set of pictures (album) on the same page then give the 'rel' attribute of that set another name.
rel="lightbox[other-name]