Post by: Smoke39 on October 29, 2006, 11:06:30 PM
Post by: S-U-P-E-R on October 30, 2006, 12:24:26 AM
Quote
img src="blah blah" border=0
Post by: Smoke39 on October 30, 2006, 10:13:39 AM
Post by: wandering on October 30, 2006, 12:08:14 PM
Post by: Smoke39 on October 30, 2006, 12:41:35 PM
Post by: bustin98 on October 31, 2006, 05:28:14 PM
<style type="text/css">
<!--
img {border: 0px;}
-->
</style>
There is alot you can control using style sheets. Its makes formatting your pages a breeze and it allows your browser to render pages quicker than when using attributes.
Yes, I build websites for a living. Forgive me for answering a question already answered.
Post by: Smoke39 on October 31, 2006, 06:29:48 PM
Post by: bustin98 on November 01, 2006, 05:18:33 AM
<!DOCTYPE ...>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Somewhere after the <title> and before the </head>, add what I wrote and whenever you use <a href=""><img src="" />[/url] you won't need to add 'border="0"'.
Thats all. If you Google 'Cascading Style Sheet' (if you're so inclined) you'll see what else can be done with this wonderful tool.
Post by: Smoke39 on November 01, 2006, 08:37:58 AM
Speaking of thumbnails, got any clever ways to clamp one of the dimensions of an image and have it automatically scale the other dimension by the same percentage? :b
Post by: bustin98 on November 01, 2006, 09:49:01 AM
Here's a clever thing to do with CSS and Javascript:
In the head put this:
<style type="text/css">
<!--
img {border: 0px;}
img.thumb {display: block; float: left; margin: 5px;}
-->
</style>
And in the body where you want to put your thumbs put this:
<script language="javascript" type="text/javascript">
<!--
thumbArray = new Array('thumb1.jpg','thumb2.jpg');
linkArray = new Array('link1.jpg','link2.jpg');
for(j=0;j< thumbArray.length;j++) document.write("<a href=\"images/" + linkArray[j] + "\"><img src=\"images/" + thumbArray[j] + "\" width=\"100\" class=\"thumb\" />[/url]";
-->
</script>
This creates a group that the script loops through and places each object of the group in a spot that corresponds with the number of the loop.
You can forgo the javascript and just use the CSS to set the width or height of the thumbs. The important parts are you need to specify "class='thumb'" in the <img> tag and you need to add "width: 100px;" or "height: 100px" to the CSS line "img.thumb".
You can also make the Javascript easier by naming the thumbnails and larger images a number: 1.jpg & 1_lg.jpg for example. Then if you have 25 images you can do this:
<script language="javascript" type="text/javascript">
<!--
for(j=1;j < 26;j++) document.write("<a href=\"images/" + j + "_lg.jpg\"><img src=\"images/" + j + ".jpg\" class=\"thumb\" />[/url]";
-->
</script>
And you don't need to mess with the arrays.
I gave you some options, and if it helps, terrific. If you get lost, I'd say thats to be expected
Post by: Smoke39 on November 01, 2006, 01:03:03 PM
Post by: bustin98 on November 01, 2006, 02:17:29 PM
Post by: Smoke39 on November 01, 2006, 04:59:12 PM
Post by: bustin98 on November 01, 2006, 05:29:33 PM
Really the only web based programming language that wants variables defined is ASP, but even then its not required.
Javascript can be setup as a function in the <head>, embeded as I did in the example, or used as an external file and called from the page.
Best practice says to declare your variables and comment your code. I'll comment the complicated stuff, but not everything. And I rarely declare variables. I do if there's a chance that an outcome produces a result that doesn't define the variable and a script is looking for it later on.
So, now that I've got you going on the right path, what is the address of your site? I won't make any judgements, just curious.
Post by: Smoke39 on November 01, 2006, 07:27:33 PM
