Help combining picture galleries

D

David. E. Goble

Hi All;

I am trying to combine to picture galleries onto te one page. But its
not quite working. Here is what I have so far.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bow's and foggy's stored signatures</title>
<script type="text/javascript">
var picssigs = new
Array("sigs/finished1.jpg","sigs/foghorn.jpg","sigs/motto.jpg","sigs/sig.jpg","sigs/SWAT.jpg","sigs/title.gif");
var pictsigs = Math.round(Math.random()*(picssigs.length-1));
for (var i=0; i<picssigs.length; i++) {
var imgsigs = new Imagesig();
imgsigs.src = picssigs;
}
function viewsigs(whatsigs) {
if (whatsigs == "<<") {
pictsigs = 0;
} else if (whatsigs == "<") {
if (pictsigs > 0) pictsigs--;
} else if (whatsigs == ">") {
if (pictsigs < picssigs.length-1) pictsigs++;
} else if (whatsigs == ">>") {
pictsigs = picssigs.length-1;
}
document.images["imageviewersigs"].src = picssigs[pictsigs];
//window.status = "Picturesigs " + (pictsigs+1) + " of " +
picssigs.length;
//
document.getElementById("Fsigs").disabled = false;
document.getElementById("Psigs").disabled = false;
document.getElementById("Nsigs").disabled = false;
document.getElementById("Lsigs").disabled = false;
if (pictsigs == 0) {
document.getElementById("Fsigs").disabled = true;
document.getElementById("Psigs").disabled = true;
} else if (pictsigs == picssigs.length-1) {
document.getElementById("Nsigs").disabled = true;
document.getElementById("Lsigs").disabled = true;
}
}
var picsavs = new Array("avatars/160thsoar.gif",
"avatars/75thrgrrgt.gif", "avatars/avatart-head_banger.gif",
"avatars/soscom.gif", "avatars/syndrome.gif",

"avatars/usacapoc.gif", "avatars/usajfkswcs.gif",
"avatars/usasfc.gif", "avatars/usasoc.gif");
var pictavs = Math.round(Math.random()*(picsavs.length-1));
for (var j=0; j<picsavs.length; j++) {
var imgavs = new Imageavs();
imgavs.src = picsavs[j];
}
function viewavs(whatavs) {
if (whatavs == "<<") {
pictavs = 0;
} else if (whatavs == "<") {
if (pictavs > 0) pictavs--;
} else if (whatavs == ">") {
if (pictavs < picsavs.length-1) pictavs++;
} else if (whatavs == ">>") {
pictavs = picsavs.length-1;
}
document.images["imagevieweravs"].src = picsavs[pictavs];
//window.status = "Pictureavs " + (pictavs+1) + " of " +
picsavs.length;
//
document.getElementById("Favs").disabled = false;
document.getElementById("Pavs").disabled = false;
document.getElementById("Navs").disabled = false;
document.getElementById("Lavs").disabled = false;
if (pictavs == 0) {
document.getElementById("Favs").disabled = true;
document.getElementById("Pavs").disabled = true;
} else if (pictavs == picsavs.length-1) {
document.getElementById("Navs").disabled = true;
document.getElementById("Lavs").disabled = true;
}
}
</script>
</head>
<body onload="viewsigs('')" onload="viewavs('')"
"background="http://home.insightbb.com/clipart/backgrounds/bkgnd019.gif">

<h1 align="center">Bow's and foggy's stored grahics</h1>
<h2 align="center" style="color:red">Team Special Forces</h2>
<center>
<h1>sigs</h1>
<form>
<input type="button" value="First" id="Fsigs"
onclick="viewsigs('<<')">
<input type="button" value="Previous" id="Psigs"
onclick="viewsigs('<')">
<input type="button" value="Next" id="Nsigs"
onclick="viewsigs('>')">
<input type="button" value="Last" id="Lsigs"
onclick="viewsigs('>>')">
</form>
<table border="1">
<tr>
<td><img id="imageviewersigs" src=""></td>
</tr>
</table>
<p>If you have a sigs</p>
<p align="center">Then email it to us at <a
href="mailto:[email protected]">[email protected]</a></p>
<h1>avatars</h1>
<form>
<input type="button" value="First" id="Favs"
onclick="viewavs('<<')">
<input type="button" value="Previous" id="Pavs"
onclick="viewavs('<')">
<input type="button" value="Next" id="Navs"
onclick="viewavs('>')">
<input type="button" value="Last" id="Lavs"
onclick="viewavs('>>')">
</form>
<table border="1">
<tr>
<td><img id="imagevieweravs" src=""></td>
</tr>
</table>
<p>If you have an avatars</p>
<p align="center">Then email it to us at <a
href="mailto:[email protected]">[email protected]</a></p>
</center>
</body>
</html>
Regards David. E. Goble
http://degoble.customer.netspace.net.au
degoble[AT]netspace.net.au
Po Box 648 (9 Murray St), Kingscote, Kangaroo Island SA 5223
 
R

Random

Not sure exactly what your question is, but here's what I see after a
brief glance:
<body onload="viewsigs('')" onload="viewavs('')"
should read
<body onload="viewsigs('');viewavs('');"

But more importantly, you have two object constructor calls:
var imgsigs = new Imagesig();
var imgavs = new Imageavs();

but no constructors defined.

Did you mean to make them
var imgsigs = new Image();
var imgavs = new Image();

to pre-load the images?

If not, you'll need to define constructors that create Imagesigs and
Imageavs objects.

My guess is try that code change and you'll be good to go.
 
D

David. E. Goble

Not sure exactly what your question is, but here's what I see after a
brief glance:
<body onload="viewsigs('')" onload="viewavs('')"
should read
<body onload="viewsigs('');viewavs('');"

But more importantly, you have two object constructor calls:
var imgsigs = new Imagesig();
var imgavs = new Imageavs();

but no constructors defined.

Did you mean to make them
var imgsigs = new Image();
var imgavs = new Image();

My guess is try that code change and you'll be good to go.
Click to expand...
Cool, that did the trick, thanks.
Regards David. E. Goble
http://degoble.customer.netspace.net.au
degoble[AT]netspace.net.au
Po Box 648 (9 Murray St), Kingscote, Kangaroo Island SA 5223
 
D

David. E. Goble

Ok that worked but when I added another oicture gallery, the initial
pictures do not load. They load when I click any of the buttons.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bow's and foggy's stored signatures</title>
<script type="text/javascript">
var picssigs = new
Array("sigs/finished1.jpg","sigs/foghorn.jpg","sigs/motto.jpg","sigs/sig.jpg","sigs/SWAT.jpg","sigs/title.gif");
var pictsigs = Math.round(Math.random()*(picssigs.length-1));
for (var i=0; i<picssigs.length; i++) {
var imgsigs = new Image();
imgsigs.src = picssigs;
}
function viewsigs(whatsigs) {
if (whatsigs == "<<") {
pictsigs = 0;
} else if (whatsigs == "<") {
if (pictsigs > 0) pictsigs--;
} else if (whatsigs == ">") {
if (pictsigs < picssigs.length-1) pictsigs++;
} else if (whatsigs == ">>") {
pictsigs = picssigs.length-1;
}
document.images["imageviewersigs"].src = picssigs[pictsigs];
//window.status = "Picturesigs " + (pictsigs+1) + " of " +
picssigs.length;
//
document.getElementById("Fsigs").disabled = false;
document.getElementById("Psigs").disabled = false;
document.getElementById("Nsigs").disabled = false;
document.getElementById("Lsigs").disabled = false;
if (pictsigs == 0) {
document.getElementById("Fsigs").disabled = true;
document.getElementById("Psigs").disabled = true;
} else if (pictsigs == picssigs.length-1) {
document.getElementById("Nsigs").disabled = true;
document.getElementById("Lsigs").disabled = true;
}
function listsigs(whatsigs){
for (var i=0; i<picssigs.length; i++) {
document.images["imageviewersigs"].src = picssigs;
}
}
var picsavs = new Array("avatars/160thsoar.gif",
"avatars/75thrgrrgt.gif", "avatars/avatart-head_banger.gif",
"avatars/soscom.gif",

"avatars/syndrome.gif", "avatars/usacapoc.gif",
"avatars/usajfkswcs.gif", "avatars/usasfc.gif", "avatars/usasoc.gif");
var pictavs = Math.round(Math.random()*(picsavs.length-1));
for (var j=0; j<picsavs.length; j++) {
var imgavs = new Image();
imgavs.src = picsavs[j];
}
function viewavs(whatavs) {
if (whatavs == "<<") {
pictavs = 0;
} else if (whatavs == "<") {
if (pictavs > 0) pictavs--;
} else if (whatavs == ">") {
if (pictavs < picsavs.length-1) pictavs++;
} else if (whatavs == ">>") {
pictavs = picsavs.length-1;
}
document.images["imagevieweravs"].src = picsavs[pictavs];
//window.status = "Pictureavs " + (pictavs+1) + " of " +
picsavs.length;
//
document.getElementById("Favs").disabled = false;
document.getElementById("Pavs").disabled = false;
document.getElementById("Navs").disabled = false;
document.getElementById("Lavs").disabled = false;
if (pictavs == 0) {
document.getElementById("Favs").disabled = true;
document.getElementById("Pavs").disabled = true;
} else if (pictavs == picsavs.length-1) {
document.getElementById("Navs").disabled = true;
document.getElementById("Lavs").disabled = true;
}
}
var picssms = new Array("smiles/1luvu.gif", "smiles/1zhelp.gif",
"smiles/avatart-head_banger.gif", "smiles/2twocents.gif",

"smiles/syndrome.gif", "smiles/22_yikes.gif", "smiles/321.gif",
"smiles/a_plain.gif", "smiles/ak47.gif");
var pictsms = Math.round(Math.random()*(picssms.length-1));
for (var k=0; k<picssms.length; k++) {
var imgsms = new Image();
imgsms.src = picssms[k];
}
function viewsms(whatsms) {
if (whatsms == "<<") {
pictsms = 0;
} else if (whatsms == "<") {
if (pictsms > 0) pictsms--;
} else if (whatsms == ">") {
if (pictsms < picssms.length-1) pictsms++;
} else if (whatsms == ">>") {
pictsms = picssms.length-1;
}
document.images["imageviewersms"].src = picssms[pictsms];
//window.status = "Picturesms " + (pictsms+1) + " of " +
picssms.length;
//
document.getElementById("Fsms").disabled = false;
document.getElementById("Psms").disabled = false;
document.getElementById("Nsms").disabled = false;
document.getElementById("Lsms").disabled = false;
if (pictsms == 0) {
document.getElementById("Fsms").disabled = true;
document.getElementById("Psms").disabled = true;
} else if (pictsms == picssms.length-1) {
document.getElementById("Nsms").disabled = true;
document.getElementById("Lsms").disabled = true;
}
}
</script>
</head>
<body bgcolor="#ffffff" link="#0000ff" text="#000000" vlink="#ff0000"

background="http://home.insightbb.com/clipart/backgrounds/bkgnd019.gif"
onload="viewsigs(''), viewavs(''), viewsms('');">
<h1 align="center">Bow's and foggy's stored grahics</h1>
<h2 align="center" style="color: rgb(255, 0, 0);" color="red">Team
Special Forces</h2>
<table border="1" align="center">
<tr>
<td>
<center>
<h1>avatars</h1>
<form>
<input type="button" value="First" id="Favs"
onclick="viewavs('<<')">
<input type="button" value="Previous" id="Pavs"
onclick="viewavs('<')">
<input type="button" value="Next" id="Navs"
onclick="viewavs('>')">
<input type="button" value="Last" id="Lavs"
onclick="viewavs('>>')">
</form>
<table border="1">
<tr>
<td><img id="imagevieweravs" src=""></td>
</tr>
</table>
<p>If you have an avatar less than 80 x 80 pixels and smaller than
6kb</p>
</center>
</tb>
<td>
<center>
<h1>smilies</h1>
<form>
<input type="button" value="First" id="Fsms"
onclick="viewsms('<<')">
<input type="button" value="Previous" id="Psms"
onclick="viewsms('<')">
<input type="button" value="Next" id="Nsms"
onclick="viewsms('>')">
<input type="button" value="Last" id="Lsms"
onclick="viewsms('>>')">
</form>
<table border="1">
<tr>
<td><img id="imageviewersms" src=""></td>
</tr>
</table>
<p>If you have a smilely</p>
</center>
</tb>
<td>
<center>
<h1>sigs</h1>
<form>
<input type="button" value="First" id="Fsigs"
onclick="viewsigs('<<')">
<input type="button" value="Previous" id="Psigs"
onclick="viewsigs('<')">
<input type="button" value="Next" id="Nsigs"
onclick="viewsigs('>')">
<input type="button" value="Last" id="Lsigs"
onclick="viewsigs('>>')">
</form>
<table border="1">
<tr>
<td><img id="imageviewersigs" src=""></td>
</tr>
</table>
<p>If you have a sig less than 400 x 150 pixels</p>
</center>
</tb>
</tr>
</tr>
<td colspan="3" align="center">
<table align="center">
<tr>
<td>
<a href="/cgi-bin/GBEntry?owner=emailid">
<img src="/global-images/guestbook/sign_gb.jpg" border="0"></a>
</td>
<td>
<P>Then email it to us at <a
href="mailto:[email protected]">[email protected]</a></p>
</td>
<td>
<a href="/cgi-bin/GBView?owner=emailid">
<img src="/global-images/guestbook/view_gb.jpg" border="0"></a>
</td>
</tr>
</table>
<p align="center">For viewing punkbuster screen shots see <A

href="http://http://degoble.customer.netspace.net.au/Pub/aa_files/pbss/">degoble.customer.netspace.net.au/Pub/aa_files/pbss</A>
<P><img src="/cgi-bin/counter.gif?fg=255,255,255&bg=0,0,0&counterid"
align="center">
</td>
</tr>
</table>
</body>
</html>
Regards David. E. Goble
http://degoble.customer.netspace.net.au
degoble[AT]netspace.net.au
Po Box 648 (9 Murray St), Kingscote, Kangaroo Island SA 5223
 
R

Random

<body ... onload="viewsigs(''), viewavs(''), viewsms('');">

Try semicolons instead of commas.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Song requests 4
Help :( 3
Survey details won't go through using php, ajax, Mysql 0
Help me sort out this script 1
I need help making a zooming function 11
Help with code 0
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button 3
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1

Members online

No members online now.
Total: 42 (members: 0, guests: 42)
Robots: 457

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top