Trying to get an image to load when page loads

**javascriptnoob7** · 02-21-2011 08:53 AM

Hello,

I'm trying to get this image to pop up when the page loads. It's JQuery (it's already loaded on my server so I don't have to place it in the script

Anyway, I'm stuck. Do I need to add a div within the body? Or is there something else I need to do. Thanks

Code:

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

window.onload = function() {

    Shadowbox.open({
        content:    '<img alt="lightbox1 (155K)" src="lightbox1.jpg" height="317" width="625" />',
        player:     "html",
        title:      "Lightbox",
        height:     350,
        width:      650
    });

};
</script>
</head>
<body>
</body>
<html>

**Vivz** · 02-21-2011 09:03 AM

I don't know too much about this vut you can try:

<script type="text/javascript">

function loader(){
document.getElementById("id1");
}

window.onload=loader();

</script>

</head>
<body >
<span id=id1>
<img alt="lightbox1 (155K)" src="lightbox1.jpg" height="317" width="625" />
</span>

</body>

**Big O(1)** · 02-21-2011 10:46 AM

what do you mean jQuery is loaded on your server? A script tag for jQuery needs to be present on any page using the library.

Are you sure you don't need to place your code inside $(document).ready()?

Thread: Trying to get an image to load when page loads

Thread Tools

Display

Trying to get an image to load when page loads

loading

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions