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:
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:
Thanks again for helping me.
Regards
Rune
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,
I'll check if this can be solved, but since the solution you are using is unsupported feature can't promise a result.
Regards,