Andorphin
10-24-2007, 04:02 PM
Hey all I am using the lightbox script to display images in a cool way
however when I have my page being built when a user clicks on a link it calls the script from a javascript file and inserts it into the page using the innerHTML function.
when I click on my image it opens it up in a new window instead of the same window wth a transparent background
to see what I mean please go to this site http://www.huddletogether.com/projects/lightbox2/
can someone please take a look at my js file and see if it conflicts with this as i really am lost. Sorry about the messy layout but it doesn't work in my html file otherwise, please ask if I am making no sense, your help and time is appreciated, thanks
Kestrel="<strong>KESTREL</strong><br /><br /><center><table class='vital' summary='Vital Statistics'><colgroup><col width='244' /><col width='265' /><col
width='115' /></colgroup><tbody><tr><td colspan='3' class='data'><img class='nomargin' alt='' title='' src='_includes/_images/left_top.gif' width='624'
height='10' /></td></tr><tr><td class='data'><strong>Common Kestrel</strong></td><td rowspan='4' class='data'><a
href='_includes/_images/_kestrel/male_kestrel.jpg' rel='lightbox[kestrel]' title='A Male Kestrel'><img alt='Male Kestrel' title='Male Kestrel' border='0'
src='_includes/_images/_kestrel/male_kestrel.jpg' align='left' width='110' height='83' /></a><a href='images/kestrel4.jpg' target='_blank'>Male</a><br
/><strong>Chestnut brown upperparts, speckled breast, grey head and tail.</strong></td><td rowspan='8' class='data'><img alt='Distribution map - when and
where you are most likely to see the species.' title='Distribution map - when and where you are most likely to see the species.' border='0'
src='_includes/_images/_kestrel/kestrel_wnw.gif' width='115' height='160' /></td></tr><tr><td class='data'><em><strong>Falco
tinnunculus</strong></em></td></tr><tr><td class='data'>Length: <strong>25-35 cm (10-14")</strong></td></tr><tr><td class='data'>Wing Span:
<strong>60-65 cm (24-26")</strong></td></tr><tr><td class='data'>Weight: <strong>140-200 g (5-7 oz)</strong></td><td rowspan='4'
class='data'><a href='javascript:void(0)' onclick='showPic('images/kestrelf.jpg', 'Female Kestrel', 320, 265, 'Birdguides')'><img alt='Female Kestrel'
title='Female Kestrel' border='0' src='_includes/_images/_kestrel/female_kestrel.jpg' align='left' width='110' height='82' /></a><a
href='images/kestrelf.jpg' target='_blank'>Female</a><br /><strong>Like the male, but more streaked and very little grey.</strong></td></tr><tr><td
class='data'>Breeding Pairs: <strong>50 000</strong></td></tr><tr><td class='data'>Present: <strong>All Year</strong></td></tr><tr><td class='data'>Status:
<span class='amber'>Amber</span></td></tr><tr><td colspan='3' class='data'><img class='nomargin' alt='' title='' src='_includes/_images/bottom_right.gif'
width='624' height='10' /></td></tr></tbody></table></center>"
however when I have my page being built when a user clicks on a link it calls the script from a javascript file and inserts it into the page using the innerHTML function.
when I click on my image it opens it up in a new window instead of the same window wth a transparent background
to see what I mean please go to this site http://www.huddletogether.com/projects/lightbox2/
can someone please take a look at my js file and see if it conflicts with this as i really am lost. Sorry about the messy layout but it doesn't work in my html file otherwise, please ask if I am making no sense, your help and time is appreciated, thanks
Kestrel="<strong>KESTREL</strong><br /><br /><center><table class='vital' summary='Vital Statistics'><colgroup><col width='244' /><col width='265' /><col
width='115' /></colgroup><tbody><tr><td colspan='3' class='data'><img class='nomargin' alt='' title='' src='_includes/_images/left_top.gif' width='624'
height='10' /></td></tr><tr><td class='data'><strong>Common Kestrel</strong></td><td rowspan='4' class='data'><a
href='_includes/_images/_kestrel/male_kestrel.jpg' rel='lightbox[kestrel]' title='A Male Kestrel'><img alt='Male Kestrel' title='Male Kestrel' border='0'
src='_includes/_images/_kestrel/male_kestrel.jpg' align='left' width='110' height='83' /></a><a href='images/kestrel4.jpg' target='_blank'>Male</a><br
/><strong>Chestnut brown upperparts, speckled breast, grey head and tail.</strong></td><td rowspan='8' class='data'><img alt='Distribution map - when and
where you are most likely to see the species.' title='Distribution map - when and where you are most likely to see the species.' border='0'
src='_includes/_images/_kestrel/kestrel_wnw.gif' width='115' height='160' /></td></tr><tr><td class='data'><em><strong>Falco
tinnunculus</strong></em></td></tr><tr><td class='data'>Length: <strong>25-35 cm (10-14")</strong></td></tr><tr><td class='data'>Wing Span:
<strong>60-65 cm (24-26")</strong></td></tr><tr><td class='data'>Weight: <strong>140-200 g (5-7 oz)</strong></td><td rowspan='4'
class='data'><a href='javascript:void(0)' onclick='showPic('images/kestrelf.jpg', 'Female Kestrel', 320, 265, 'Birdguides')'><img alt='Female Kestrel'
title='Female Kestrel' border='0' src='_includes/_images/_kestrel/female_kestrel.jpg' align='left' width='110' height='82' /></a><a
href='images/kestrelf.jpg' target='_blank'>Female</a><br /><strong>Like the male, but more streaked and very little grey.</strong></td></tr><tr><td
class='data'>Breeding Pairs: <strong>50 000</strong></td></tr><tr><td class='data'>Present: <strong>All Year</strong></td></tr><tr><td class='data'>Status:
<span class='amber'>Amber</span></td></tr><tr><td colspan='3' class='data'><img class='nomargin' alt='' title='' src='_includes/_images/bottom_right.gif'
width='624' height='10' /></td></tr></tbody></table></center>"