Solved

How cna I make a lightbox display onload?

Posted on 2009-05-06
2
1,494 Views
Last Modified: 2012-05-06
I have tried to do this in the past and have never had luck.  There are lots of lightbox scripts out there on the web.  They all do a wonderful job of opening an image when a link is clicked.  I've never been able to make one do it onload.  

<body onload="display_the_image_in_a_lightbox_fashion">

I don't have any code to share at the moment.  I'm just throwing this out there to see if anyone has a lightbox-style thing that will display an image onload.  It would be an awesome help.
0
Comment
Question by:mrcoulson
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
2 Comments
 

Author Comment

by:mrcoulson
ID: 24316490
Here we go.

http://www.co.frederick.va.us/gis/default_WORKING.aspx

Click the ### at the top.  What if I want to make the image load as a lightbox without having to click the ### at the top?
<!-- From the <body> tag to the lightbox link: -->
 
<body>
<form id="gisForm" runat="server">
  <div id="contentDiv">
    <!-- #INCLUDE FILE="/includes/small_masthead.asp" -->
    <div id="leftNavBox-contentPages">
		<!-- #INCLUDE FILE="/gis/includes/gisMenus.asp" -->
	</div>
    <img src="/dry_dock/images/seal-lines.jpg" border="0" style="position:absolute;bottom:2px;z-index:500;" />
	<div id="textHolder">
    <a rel="lightbox-myGroup" href="images/offline.gif" title=" " >###</a>

Open in new window

0
 

Accepted Solution

by:
mrcoulson earned 0 total points
ID: 24317772
Almost too easy.
<script type="text/javascript" language="javascript">
<!--
  $(document).ready(function(){
    $("#offlineAlert").click();
  });
//-->
</script>

Open in new window

0

Featured Post

What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

690 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question