I want to write a program that dyanamically creates webpage taking an image and then add comment about the page
And finally I want all these to be added in a single webpage where in onclick of next and previous buttons the pages are to be displayed with in the same page

Please help me out in generating the code
Also I want the path to be taken as a relative path

: I want to write a program that dyanamically creates webpage taking an image and then add comment about the page
: And finally I want all these to be added in a single webpage where in onclick of next and previous buttons the pages are to be displayed with in the same page
:
: Please help me out in generating the code
: Also I want the path to be taken as a relative path
:
Here is a javascript function, which changes the image:

function changeImage(url)
{
  imgSpanID.innerHTML = '<img src="'+url+'">';
}

The HTML that goes along with it is this:

  <span id="imgSpanID"></span>

Place the HTML code anywhere where you want the image to be. You can modify the DHTML code the function creates as you wish. This can also be used to update the comment and to update the buttons.

A relative path is similar to a absolute path, but leaves certain parts out. So if you have your images located in a subfolder called "myimages" then you can call the function as follows:

  changeImage('myimages/someimage.jpg');

I doubt that function'll work, AFAIK IDs aren't level two objects. There's also a more practical way - modify the image itself instead of the contents of its parent element:

:

: function changeImage(url)
: {
:   document.getElementById('pic').src = url;
: }
:
:   <img id="pic" src="temp.gif">
: 

If you don't want an image until the function is called, just use a 1x1 transparent gif.

: I doubt that function'll work, AFAIK IDs aren't level two objects. There's also a more practical way - modify the image itself instead of the contents of its parent element:
:
: :

: : function changeImage(url)
: : {
: :   document.getElementById('pic').src = url;
: : }
: :
: :   <img id="pic" src="temp.gif">
: : 

:
: If you don't want an image until the function is called, just use a 1x1 transparent gif.
:
I've used that same method to create several databases. It surely works under IE4+, Opera, and Netscape 4.5+.

It doesn't work in Mozilla/Firefox.