Incorporating a lightbox? [Archive]

SteveH

10-23-2009, 05:51 PM

Hello

I have a page here:

http://stevehigham59.7host.com/jQuery//index3.html

There is a link on it which loads a light-box. the script behind this is:

<body>
<div id="contact-form">
<a class="contact" href="#">Demo</a></div>
</body>

It is an effect I like and would like to use it on another site here:

http://stevehigham59.7host.com/proof_test/imagemenu/index1.html

For example, I would like the light box to work when the site visitor clicks on the email icon. The script which generates the 'Apple' menu icons is this:

<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
</div>
</div>

I am having some difficulty putting them together, not least because the first script above (lightbox) uses

<a class="contact" href="#">Demo</a>,

while the menu script uses

<a class="dock-item" href="#">

Any suggestions, please?

Thanks.

Steve

oesxyl

10-24-2009, 02:01 AM

you can use howmany class names you want inside a class attribute like that:

<a class="contact dock-item" href="#">Demo</a>,

this is the problem? or I misunderstand what you ask?

best regards