I have come across a great website for Javascript tutorials. I'm sure that most of you are aquainted with this site, but for anyone like me that has no idea what javascript is, it's Heaven!
Here's the link:
JavaScript Tutorials
Once again, here is the link to my website:
OMGZORZ TEH BEST WEBSITE EVER!!!
My site is still in the development stage. ( Seriously, my bio doesn't even make sense!)
If you feel I need to add something or take something out that will improve the site, PM me or reply to this post.
[EDIT]
Also, does anybody know if I can "jump" to a certain image if I were to use a JavaScript "onclick" gallery?
If you haven't seen already, I have images in my home and bio section and they link directly to the gallery. I would want that click to lead to the same picture they clicked, but enlarged.
[EDIT 2]
Different version of the gallery
i know the last two images dont show up. they aren't supposed to.
How would i have the information about the shot come up? Like if i wanted to have a description of when i took it on the right.
Here is the code that i'm using. All i need not is for someone to tell me what to put where for thext to show up on the right of the enlarged image.
Code:
<!-- TWO STEPS TO INSTALL GALLERY VIEWER:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site: http://www.webdesignsdirect.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<table width=360 border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('p1.jpg');"><img src="p1.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p2.jpg');"><img src="p2.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p3.jpg');"><img src="p3.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p4.jpg');"><img src="p4.jpg" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="p1.jpg" width=360 height=240 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('p5.jpg');"><img src="p5.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p6.jpg');"><img src="p6.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p7.jpg');"><img src="p7.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('p8.jpg');"><img src="p8.jpg" width=90 height=60 border=0></a></td>
</tr>
</table>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.00 KB -->