|
|
Posted by Jonathan N. Little on 04/24/07 17:14
Jim S wrote:
>> Your site is just one frame wrapper for your "virtual domain". There are
>> a plethora of very affordable hosting companies out there with real
>> domain name + hosting package...not frames required
>>
> You see I already don't understand what you are saying :o(
> I know I can have the whole site hosted, but I don't understand how that
> solves the frames problem when I use the frame to get from a movable
> thumbnail strip to final picture without losing the thumbnails or opening a
> new window.
I was speaking of your opening page
<frameset rows="100%,*" framespacing="0" border="0" frameborder="0">
<noframes>
<body bgcolor="" text="">
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
<frame name="main" src="http://www.jimscot.pwp.blueyonder.co.uk"
scrolling="auto">
</frameset>
>
>>> I guess I shall just stick with the 'if it works, don't fix it' mantra.
>> Well I would say it ain't broke though
>>
>> http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.jimscott.co.uk%2F
>> Result for http://www.jimscott.co.uk/ - W3C Markup Validator
>
> Well... yes, but my virtual domain ,as you put it
> (www.jimscot.pwp.blueyonder.co.uk), validates o.k. 'cept for the frames
> problem.
Well there are ton's of examples of how to do thumbs to full size. PHP
which is very easy. Can make a script that makes a menu of thumbs in a
category folder and links to a script the shows the fill size image...
Here is a quick example, put thumbs in one folder, full size images in
another, keep the names the same and voile! No coding, no frames.
<?php
$thumbfolder="./thumbs";
$imagefolder="./photos";
$thumbs='<div id="thumbIndex">Image Index<ul>';
$me=htmlentities($_SERVER['PHP_SELF']); // prevent XSS insertion
if ($handle = opendir($thumbfolder)) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
$thumbs .= "<li><a href=\"$me?big=$file\"><img
src=\"$thumbfolder/$file\" alt=\"$file\"></a></li>\n";
}
}
closedir($handle);
$thumbs .= "</ul>\n</div>\n";
$big="<p>[No Picture selected]</p>";
if(isset($_GET['big'])){
$biggy=$_GET['big'];
$big="<div><img src=\"$imagefolder/$biggy\" alt=\"$biggy\"></div>";
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>Auto Thumbnailer</title>
<style type="text/css">
BODY {
margin: 1em 1em 1em 7em; padding: 0;
color: #000; background-color: #def;
}
#thumbIndex {
position: absolute;
width: 6em; height: 100%; overflow: auto;
left: 0; top: 0;
color: #fff; background-color: #008;
text-align: center;
}
#thumbIndex UL { list-style: none; margin: 0; padding: 0; }
#thumbIndex LI { margin: 0; padding: 0; }
/* adjust for printing */
@media print{
BODY { margin: 1em; }
#thumbIndex {display: none;}
}
</style>
</head>
<body>
<?php echo $thumbs; ?>
<h1>My Images</h1>
<?php echo $big; ?>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|