Hello there... new and needy :D

**Charles** · 04-16-2006, 09:07 AM

Hello,

My name is Charles Evers and i'm new to these forums.
I used to make alot of pages (homesite) in HTML nothing special but they all worked.
Now i'm creating a site for a friend of mine (a designer).
With my basic skills i got all the things he wanted... but its getting to complex to edit and to update it.

1 of the things that bug me is the vertical scroller.
The code in it is getting to long, and its static.
Everytime he has a new colection i have alot of work creating the page.

Isnt there a way to do it dynamicly? so i just upload to a directory.

This is the site: http://www.edwinoudshoorn.com

Thanks in advance.

**djr33** · 04-16-2006, 09:25 AM

Well... you could do it dynamically, but it's not complex at all.
All you need is just thumbnails and full size pictures linked to from them.
Then just cut/paste the code.

I'd to it like this:
1t.jpg is the thumbnail for 1.jpg, 2t.jpg, 2.jpg, etc.
Then just make code for 1-10 of those. Then, since it looks like most of the pages don't need 10, you can just delete the extra code that doesn't relate to any real images.
Just put the pictures in the same folder, so that 1.jpg will be a different image on one page than another page.

Something like that.

More than a "script" or "dynamic way of doing it", all you really need is a system

**Charles** · 04-16-2006, 09:37 AM

Thanks for the reply.
I can adjust the file names. That a real good one... save me a directory

Btw... this is the code for the link:

Code:

<td width="60"><a href="#" onclick="document.getElementById('image').style.backgroundImage='url(collectie2005/05.135.jpg)';"><img src="collectie2005/thumbs/05.135.jpg" border="0"></a></td>

You see the problem... long lines :S

**djr33** · 04-16-2006, 09:45 AM

long lines shouldn't be a big deal as long as you just cut/paste... I mean... it's not like you ever have to change them.

**Charles** · 04-16-2006, 03:07 PM

already changed the file names... 01 02, 01t ect.. works better

But still wanna know something :P
I made this but cannot get it to work the way i want it

Code:

<html>
<head>
<script language="javascript" type="text/javascript">
<!--
var urlid = 'images/collectie2005/'
var fileid = '01'
var fileext = '.jpg'

function changeimage()
	{
	document.getElementById('cellBg').style.backgroundImage='url(urlid+fileid+fileext)';
	}
	
	
//-->
</script>
<style type="text/css">
.imagecell
{
	background-image: url(images/collectie2005/01.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>

<table width="400" border="1">
  <tr>
    <td width="100"><a href="#" onClick="fileid = '01'; return changeimage('01');"><img src="images/collectie2005/01t.jpg"></a><br>
	<a href="#" onClick="fileid = '02'; return changeimage();"><img src="images/collectie2005/02t.jpg"></a><br>
	</td>
	<td width="400" height="600" id="cellBg" class="imagecell">&nbsp;</td>
  </tr>
  <tr>
	<td></td>
	<td></td>
  </tr>
</table>

</body>
</html>

Thread: Hello there... new and needy :D

Thread Tools

Search Thread

Hello there... new and needy :D

Bookmarks

Bookmarks

Posting Permissions