Lightbox Script / Windows Vista

**Stoney** · 05-24-2008, 07:18 AM

I have been using the Lightbox script on my website for a year or more and it works fine - I was using Windows XP & IE7 to view the website all well. I have got a new PC which came with Windows Vista / IE7 and when I view the website the image goes to a new window. If viewed on my oldy PC all ok. I have looked to see if Scripts are enabled, and they are any suggestions much appreciated.

Cheers
David

www.feeinmarket.org.uk

**jscheuer1** · 05-24-2008, 03:02 PM

This almost undoubtedly has to do with settings in Vista and/or the copy of IE 7 on the Vista machine. In IE 7 custom security, is javascript (Active scripting) enabled? If so, are both:

Binary and script behaviors

and:

Script ActiveX controls marked safe for scripting

enabled?

Possibly you need:

Run ActiveX controls and plug-ins

enabled as well. You do need that for Flash, and for other plug-ins to work.

I'm also curious, is IE 7 Vista reporting any errors?

**Stoney** · 05-25-2008, 07:45 AM

Thanks for you reply, I have checked the settings as suggested all are enabled. (Default Windows Settings) No errors being reported by IE7 or Vista.

Any other suggestions

Many Thanks

Cheers
David

**jscheuer1** · 05-25-2008, 03:32 PM

Well, unfortunately I don't have Vista to test on here. So, you would need to test this. Does the demo page on Dynamic Drive work in your IE 7 under Vista?

If so, it's something to do with your implementation, if not, it's something to do with the Vista computer.

If it is the Vista computer, there may be a Vista security setting or a third party firewall or anti-virus program that is blocking one or more of the things IE 7 requires to execute the lightbox script. As it stands, it is acting as though the script isn't installed/being executed.

Also, after a page with lightbox on it from your site that works on the old computer loads up on the new computer, you can paste this into the address bar of the new computer:

Code:

javascript:document.write('<textarea>'+document.body.innerHTML+'<\/textarea>')

That should replace the page with a small textarea (if it doesn't, javascript is somehow disabled on the Vista machine). Select and copy the text in it and paste to a message here. Use:

[CODE]
paste your text here
[/CODE]

To format it properly. That will tell me somethings about how much if at all the IE 7 Vista is executing the script.

**Stoney** · 06-12-2008, 09:53 PM

John,
Thanks for your reply, sorry I have not looked back sooner.

I did as requested, see code below:

Note I have remove a large amount of the code as it was over 10000 charactors, hope it is ok:

many thanks again for your help.

Code:

 <TABLE id=table1 width=735 align=left border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=780><!--webbot bot="Include" U-Include="top.htm" TAG="BODY" startspan -->
<SCRIPT type=text/javascript>

//HV Menu v5.411- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</SCRIPT>

<SCRIPT src="menu_var.js" type=text/javascript></SCRIPT>

<SCRIPT src="menu_com.js" type=text/javascript></SCRIPT>
<NOSCRIPT></NOSCRIPT>
<TABLE id=table1 cellSpacing=0 cellPadding=0 width=740 border=0>
<TBODY>
<TR>
<TD width=145>
<P style="MARGIN-TOP: 6px; MARGIN-BOTTOM: 0px"><IMG height=114 src="images/stonehaven_lions_logo.gif" width=125 border=0></P></TD>
<TD align=middle width=570>
<P style="MARGIN-TOP: -12px; MARGIN-BOTTOM: 0px" align=center><B><FONT face="Comic Sans MS" color=#004284 size=7>Stonehaven and</FONT></B></P>
<P style="MARGIN-TOP: -18px; MARGIN-BOTTOM: 0px" align=center><B><FONT face="Comic Sans MS" color=#004284 size=7>District Lions Club</FONT></B></P></TD></TR>
<TR>
<TD width=760 bgColor=#004284 colSpan=2>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face="Comic Sans MS" color=#f6ce1e size=2>Serving Our Community Since 1979</FONT></P></TD></TR>
<TR>
<TD width=760 colSpan=2>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face=Arial color=#004284 size=1>Please click on any of the pictures within the website to see an enlarged image - Thank You</FONT></P></TD></TR></TBODY></TABLE>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face=Arial color=#004284 size=1> </FONT></P><!--webbot bot="Include" i-checksum="63770" endspan -->
<TR>
<TD vAlign=top align=left width=780><CLASS="LIONS">
<H1>Fund Raising - 2007 - Christmas</H1>
<P class=text>The Lions again got local folks in to the Christmas mood, by running a stall selling hot soup and bacon rolls on the two weekends prior to Christmas in the Market Square.  As well Christmas music,  Santa was present with his Sleigh handing out lollypops to the children.  The Lions took the opportunity to run a street collection around the square, to raise funds for its charity fund.  We also took Santa on his sleigh around the town on our door to door collection. A very big thank you to all who contributed.</P>
<P class=text> </P><B>
<TABLE id=table3 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="30%">
<P align=center><A title="Santa and his helper at the Market Square" href="fund_raising/Xmas_2007/xmas_2007_01.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_01_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_01.JPG"></A></P></TD>
<TD align=middle width="30%">
<P align=center><A title="Santa on his Sleigh" href="fund_raising/Xmas_2007/xmas_2007_02.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_02_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_02.JPG"></A></P></TD>
<TD align=middle width="30%">
<P align=center><A title="Lions and Santa" href="fund_raising/Xmas_2007/xmas_2007_04.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_04_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_04.JPG"></A></P></TD></TR>
<TR>
<TD align=middle width="30%"><B>
<H2 style="MARGIN: 2px 0px 0px; WORD-SPACING: 0px; LINE-HEIGHT: 100%" align=center><FONT face=Arial size=2>Santa and his helpers at the Market Square</FONT></B></H2></TD>
<TD align=middle width="30%"><B>
<H2 style="MARGIN: 2px 0px 0px; WORD-SPACING: 0px; LINE-HEIGHT: 100%" align=center><FONT face=Arial size=2>Santa on his Sleigh</FONT></H2></B></TD>

**chasery** · 06-12-2008, 11:20 PM

I haven't had issues with smoothbox in ie7, on top of that, it comes fully CSS compliant.

You can test it out on my portfolio: www.chasery.com

Smoothbox is based off the jQuery version of Thickbox.

http://gueschla.com/labs/smoothbox/

**jscheuer1** · 06-13-2008, 04:24 AM

Originally Posted by Stoney

John,
Thanks for your reply, sorry I have not looked back sooner.

I did as requested, see code below:

Note I have remove a large amount of the code as it was over 10000 charactors, hope it is ok:

many thanks again for your help.

Well, you haven't answered my question about the lightbox demo page here on Dynamic Drive. Does that work on your Vista machine?

As to your code pasted into your message, it really doesn't tell me much. I would need to see the end of it, the part generated by the lightbox script, which would look something like so if the script is active at all:

Code:

<DIV id=overlay style="DISPLAY: none"></DIV>
<DIV id=lightbox style="DISPLAY: none">
<DIV id=outerImageContainer style="WIDTH: 250px; HEIGHT: 250px">
<DIV id=imageContainer><IMG id=lightboxImage title="" alt="No Image Loaded/Selected">
<DIV id=hoverNav><A id=prevLink href="#"></A><A id=nextLink href="#"></A></DIV>
<DIV id=loading><A id=loadingLink href="#"><IMG height=32 src="images/loading.gif" width=32></A></DIV></DIV></DIV>
<DIV id=imageDataContainer>
<DIV id=imageData>
<DIV id=imageDetails><SPAN id=caption></SPAN><SPAN id=numberDisplay></SPAN></DIV>
<DIV id=bottomNav><A id=bottomNavClose href="#"><IMG height=22 src="images/closelabel.gif" width=66></A></DIV></DIV></DIV></DIV>

Originally Posted by chasery

I haven't had issues with smoothbox in ie7, on top of that, it comes fully CSS compliant.

You can test it out on my portfolio: www.chasery.com

Smoothbox is based off the jQuery version of Thickbox.

http://gueschla.com/labs/smoothbox/

The problem isn't IE 7, the lightbox script works fine in that. The issue seems to relate to Vista, but it might just be something else on Stoney's new computer, or something to do with Stoney's implementation. However, smoothbox looks like a nice script. There are many lightbox clones out there. If this one takes care of the problem for Stoney, that's fine with me.

**Stoney** · 06-14-2008, 05:07 PM

John,
Thanks for your help - Sorry I should have said that I can not see the demo on the Dynamic Drive website - same issue - picture opens on a blank page.

Full code below (took it from a smaller page)

Many Thanks
Cheers
David

Chasery,
Thanks also for your reply, ideally I would like to get lightbox working, rather than redo the complete websites - but if all esle fails! I may have to
Cheers
David

Code:

<TABLE id=table1 width=735 align=left border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=780><!--webbot bot="Include" U-Include="top.htm" TAG="BODY" startspan -->
<SCRIPT type=text/javascript>

//HV Menu v5.411- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</SCRIPT>

<SCRIPT src="menu_var.js" type=text/javascript></SCRIPT>

<SCRIPT src="menu_com.js" type=text/javascript></SCRIPT>
<NOSCRIPT></NOSCRIPT>
<TABLE id=table1 cellSpacing=0 cellPadding=0 width=740 border=0>
<TBODY>
<TR>
<TD width=145>
<P style="MARGIN-TOP: 6px; MARGIN-BOTTOM: 0px"><IMG height=114 src="images/stonehaven_lions_logo.gif" width=125 border=0></P></TD>
<TD align=middle width=570>
<P style="MARGIN-TOP: -12px; MARGIN-BOTTOM: 0px" align=center><B><FONT face="Comic Sans MS" color=#004284 size=7>Stonehaven and</FONT></B></P>
<P style="MARGIN-TOP: -18px; MARGIN-BOTTOM: 0px" align=center><B><FONT face="Comic Sans MS" color=#004284 size=7>District Lions Club</FONT></B></P></TD></TR>
<TR>
<TD width=760 bgColor=#004284 colSpan=2>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face="Comic Sans MS" color=#f6ce1e size=2>Serving Our Community Since 1979</FONT></P></TD></TR>
<TR>
<TD width=760 colSpan=2>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face=Arial color=#004284 size=1>Please click on any of the pictures within the website to see an enlarged image - Thank You</FONT></P></TD></TR></TBODY></TABLE>
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px" align=center><FONT face=Arial color=#004284 size=1> </FONT></P><!--webbot bot="Include" i-checksum="63770" endspan -->
<TR>
<TD vAlign=top align=left width=780><CLASS="LIONS">
<H1>Fund Raising - 2007 - Christmas</H1>
<P class=text>The Lions again got local folks in to the Christmas mood, by running a stall selling hot soup and bacon rolls on the two weekends prior to Christmas in the Market Square.  As well Christmas music,  Santa was present with his Sleigh handing out lollypops to the children.  The Lions took the opportunity to run a street collection around the square, to raise funds for its charity fund.  We also took Santa on his sleigh around the town on our door to door collection. A very big thank you to all who contributed.</P>
<P class=text> </P><B>
<TABLE id=table3 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="30%">
<P align=center><A title="Santa and his helper at the Market Square" href="fund_raising/Xmas_2007/xmas_2007_01.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_01_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_01.JPG"></A></P></TD>
<TD align=middle width="30%">
<P align=center><A title="Santa on his Sleigh" href="fund_raising/Xmas_2007/xmas_2007_02.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_02_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_02.JPG"></A></P></TD>
<TD align=middle width="30%">
<P align=center><A title="Lions and Santa" href="fund_raising/Xmas_2007/xmas_2007_04.JPG" rel=lightbox[fr_xmas_2007]><IMG src="fund_raising/Xmas_2007/xmas_2007_04_small.JPG" border=0 xthumbnail-orig-image="fund_raising/Xmas_2007/xmas_2007_04.JPG"></A></P></TD></TR>
<TR>
<TD align=middle width="30%"><B>
<H2 style="MARGIN: 2px 0px 0px; WORD-SPACING: 0px; LINE-HEIGHT: 100%" align=center><FONT face=Arial size=2>Santa and his helpers at the Market Square</FONT></B></H2></TD>
<TD align=middle width="30%"><B>
<H2 style="MARGIN: 2px 0px 0px; WORD-SPACING: 0px; LINE-HEIGHT: 100%" align=center><FONT face=Arial size=2>Santa on his Sleigh</FONT></H2></B></TD>
<TD align=middle width="30%"><B>
<H2 style="MARGIN: 2px 0px 0px; WORD-SPACING: 0px; LINE-HEIGHT: 100%" align=center><FONT face=Arial size=2>Lions and Santa</FONT></H2></B></TD></TR></TBODY></TABLE>
<P class=text> </P></B></TR></TBODY></TABLE>
<DIV style="FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; Z-INDEX: 101; LEFT: 13px; VISIBILITY: visible; WIDTH: 740px; FONT-STYLE: normal; FONT-FAMILY: arial,comic sans ms,technical; POSITION: absolute; TOP: 172px; HEIGHT: 19px; BACKGROUND-COLOR: black" OrgTop="172" OrgLeft="13" bgColor="black">
<DIV style="PADDING-LEFT: 3px; LEFT: 1px; VISIBILITY: inherit; OVERFLOW: hidden; WIDTH: 34px; CURSOR: hand; COLOR: #f6c621; PADDING-TOP: 2px; POSITION: absolute; TOP: 1px; HEIGHT: 17px; BACKGROUND-COLOR: #004282; TEXT-ALIGN: left" PrvMbr="null" Level="1" LinkTxt="index.htm" ChildCntnr="null" Hilite="0" ro="0" value="Home" LoBck="#004282" LwFntClr="#f6c621" HiBck="#f6c621" HiFntClr="#004282">Home</DIV>
<DIV style="PADDING-LEFT: 3px; LEFT: 36px; VISIBILITY: inherit; OVERFLOW: hidden; WIDTH: 148px; CURSOR: hand; COLOR: #f6c621; PADDING-TOP: 2px; POSITION: absolute; TOP: 1px; HEIGHT: 17px; BACKGROUND-COLOR: #004282; TEXT-ALIGN: left" Level="1" 




<DIV id=overlay style="DISPLAY: none"></DIV>
<DIV id=lightbox style="DISPLAY: none">
<DIV id=outerImageContainer>
<DIV id=imageContainer><IMG id=lightboxImage>
<DIV id=hoverNav><A id=prevLink href="#"></A><A id=nextLink href="#"></A></DIV>
<DIV id=loading><A id=loadingLink href="#"><IMG src="lightbox/images/loading.gif"></A></DIV></DIV></DIV>
<DIV class=clearfix id=imageDataContainer>
<DIV id=imageData>
<DIV id=imageDetails><SPAN id=caption></SPAN><SPAN id=numberDisplay></SPAN></DIV>
<DIV id=bottomNav><A id=bottomNavClose href="#"><IMG src="lightbox/images/closelabel.gif"></A></DIV></DIV></DIV></DIV>

**Stoney** · 06-14-2008, 06:25 PM

I did some digging, and managed to see the lightbox work propally at the following location:

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

But it does not work on the following location or on my websites:

http://www.dynamicdrive.com/dynamici...box2/index.htm

Note the above works ok on my old PC with Windows XP and IE7, but not on my new PC with Windows Vista and IE7.

Any suggestions?

Many Thanks

Cheers
David

**jscheuer1** · 06-15-2008, 07:12 AM

It's late and I'm tired, so I reserve the right to be wrong. From what I know though, Lokesh is using/promoting a new version.

I can also say that in certain minor respects, this new version leaves out some specific ease of use features, but they are very minor. If his new version works for you, I'd say download and use the code for it.

It is all but obvious that one of the reasons for the new code is the problem you are having with the older code.