Home/ Questions/Q 448859
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T21:42:42+00:00

i have some javascript in the head of a page that controls an image

  • 0

i have some javascript in the head of a page that controls an image gallery where the user clicks a thumbnail image and a larger image and some text are revealed in a span. there are 10 of these thumbnails per page and i need to find out how to set the 1st thumbnail’s hidden span to “block” on page load.

<script type="text/javascript">
function hideSpan(spanName) {

var obj = document.getElementById(spanName);
obj.style.border="0px";
obj.style.color="#fff";
obj.style.display="none";
obj.style.left="333px";
obj.style.padding="0";
obj.style.position="absolute";
obj.style.top="55px";
obj.style.width="244px";
}

function showSpan(spanName) {

var spanEl, count = 1;
while(spanEl = document.getElementById('link' + count++)){
spanEl.style.display = 'none';
}

var obj = document.getElementById(spanName);
obj.style.display="block";
}

</script>

any help with this is VERY appreciated thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The simple, breezy way is to do this:

    <body onload="showSpan('link1');">

    The trouble here is that the onload event attached to body that way is executed a little late in the page loading (After all the parts– including images– are loaded) so it’ll be murder for your dial up users. jQuery implements a much better way:

    $(document).ready(function () {
    showSpan('link1');
});

    If you’re not using jQuery, then someone here much wiser than I more than likely knows the correct way to do it using “proper” JavaScript, I don’t remember the event name that jQuery uses off the top of my head.

    • 0