DMXzone Lightbox Support Product Page

This topic was archived

Start lightbox automatically on page load

Asked 26 Oct 2009 19:01:55
1
has this question
26 Oct 2009 19:01:55 Rune Brynestad posted:
Is it possible to start lightbox automatically on page load without the manual click of a link?

I have tryed the following:
Give the first picture link an id="AutoLink" to the code of my first picture link.
Edit the body tag so it says: <body onLoad="document.getElementById('AutoLink').click();">

On load of the page it should click the link and the lightbox should appear, but all I see is the first picture and no lightbox.

My code goes like this:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if IE]><script language="javascript" type="text/javascript" src="dmx/lib/excanvas-compressed.js"></script><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="dmx/dmx.core.js" id="dmxCoreJS"></script>
<script language="javascript" type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
</head>
<body onLoad="document.getElementById('AutoLink').click();"> 
<div style="visibility:hidden">
<a href="DSC_0320.jpg" id="AutoLink" title="Klare for kamp" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0320.jpg" alt="Klare for kamp" border="0"/> </a> 
<a href="DSC_0322.jpg" title="Kampstart" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0322.jpg" alt="Kampstart" border="0" /> </a> <a href="DSC_0333.jpg" title="2-mål scorer Eric passerer en Jar spiller" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0333.jpg" alt="2-mål scorer Eric passerer en Jar spiller" border="0" /> </a> <a href="DSC_0336.jpg" title="Emil setter inn 1-0" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0336.jpg" alt="Emil setter inn 1-0" border="0" /> </a> <a href="DSC_0346.jpg" title="Adrian hadde en rolig dag på jobb" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0346.jpg" alt="Adrian hadde en rolig dag på jobb" border="0" /> </a> <a href="DSC_0353.jpg" title="Dropp" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0353.jpg" alt="Dropp" border="0" /> </a> <a href="DSC_0359.jpg" title="Preben setter inn ett av sine 6 mål i kampen" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0359.jpg" alt="Preben setter inn ett av sine 6 mål i kampen" border="0" /> </a> <a href="DSC_0420.jpg" title="Daniel i fint driv" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0420.jpg" alt="Daniel i fint driv" border="0" /> </a> <a href="DSC_0831.jpg" title="Nok en puck bak Jar sin keeper" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> [img]thumbs/DSC_0831.jpg" alt="Nok en puck bak Jar sin keeper" border="0" /> </a>
</div>
</body>
</html>


Please look at it.

Regards
Rune

Replies

Replied 26 Oct 2009 19:19:13
26 Oct 2009 19:19:13 George Petrov replied:
Hi Rune,

Please check this FAQ:

www.dmxzone.com/go?16929

Greetings,
George
Replied 26 Oct 2009 20:54:44
26 Oct 2009 20:54:44 Rune Brynestad replied:
The solution works, but when I load the page the first picture in the gallery shows up as Item 0 of 9, the second image is Item 1 of 9 which is the same picture as Item 0 of 9. Can I rewrite the code so the first picture only show once as Item 1 of 9.

My modifyed code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if IE]><script language="javascript" type="text/javascript" src="dmx/lib/excanvas-compressed.js"></script><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="dmx/dmx.core.js" id="dmxCoreJS"></script>
<script language="javascript" type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
<script type="text/javascript">
<!--
 (function() {
  if (!DMX.Lightbox.instance) {
  window.setTimeout(arguments.callee, 800);
  return;
  }
  DMX.Lightbox.instance.open('','DSC_0320.jpg', {title: 'Klare til kamp', group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'});
 })();
//-->
</script>
</head>
<body> 
<div style="visibility:hidden">
<a href="DSC_0320.jpg" title="Klare for kamp" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0320.jpg" alt="Klare for kamp" border="0"/> </a> 
<a href="DSC_0322.jpg" title="Kampstart" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0322.jpg" alt="Kampstart" border="0" /> </a> <a href="DSC_0333.jpg" title="2-mål scorer Eric passerer en Jar spiller" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0333.jpg" alt="2-mål scorer Eric passerer en Jar spiller" border="0" /> </a> <a href="DSC_0336.jpg" title="Emil setter inn 1-0" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0336.jpg" alt="Emil setter inn 1-0" border="0" /> </a> <a href="DSC_0346.jpg" title="Adrian hadde en rolig dag på jobb" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0346.jpg" alt="Adrian hadde en rolig dag på jobb" border="0" /> </a> <a href="DSC_0353.jpg" title="Dropp" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0353.jpg" alt="Dropp" border="0" /> </a> <a href="DSC_0359.jpg" title="Preben setter inn ett av sine 6 mål i kampen" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0359.jpg" alt="Preben setter inn ett av sine 6 mål i kampen" border="0" /> </a> <a href="DSC_0420.jpg" title="Daniel i fint driv" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0420.jpg" alt="Daniel i fint driv" border="0" /> </a> <a href="DSC_0831.jpg" title="Nok en puck bak Jar sin keeper" rel="dmxLightbox" rev="{group: 'Hjemmekamp mot Jar 24. oktober 2009', preset: 'blue'}"> <img src="thumbs/DSC_0831.jpg" alt="Nok en puck bak Jar sin keeper" border="0" /> </a>
</div>
</body>
</html>


Thanks again for helping me.

Regards
Rune
Replied 28 Oct 2009 12:22:50
28 Oct 2009 12:22:50 Miroslav Zografski replied:
Hello Rune,

I'll check if this can be solved, but since the solution you are using is unsupported feature can't promise a result.

Regards,

Reply to this topic