PDA

View Full Version : Daily iframe



w0hju
04-24-2005, 01:41 PM
I am now using this script, (Daily iframe content II- Dynamic Drive DHTML code library) and it works great.
Script location > http://min.midco.net/pius/submitted_pics/month.html
I have one question, I wish that the script would not be in a iframe, so the pictures I show could be in a different window for full size viewing.
Thanks, w0hju.

jscheuer1
04-24-2005, 05:22 PM
Well, there are a number of things I would look into to make this page look different but, to simply break out of the iframe while displaying the large version of the photo, change this:


<a href="pic24.jpg">to this:


<a href="pic24.jpg" target="_blank">

Now, as to what I would do. I'd put everything except the picture, its description, email link and its link to the larger picture on the top page. Set the size of the iframe to just the largest possible size of a picture and its description and email link, and set the iframe to scrolling="no". Also I'd make the target of the link be the top page. Like:


<a href="pic24.jpg" target="top">to make this work you need to add this at the very beginning of the script on the top page:


this.name='top'and for good measure, i might put the large image in a page of its own, say pic24.htm and reference that in the link instead of pic24.jpg

w0hju
04-25-2005, 02:20 PM
Well, there are a number of things I would look into to make this page look different but, to simply break out of the iframe while displaying the large version of the photo, change this:


<a href="pic24.jpg">to this:


<a href="pic24.jpg" target="_blank">

Now, as to what I would do. I'd put everything except the picture, its description, email link and its link to the larger picture on the top page. Set the size of the iframe to just the largest possible size of a picture and its description and email link, and set the iframe to scrolling="no". Also I'd make the target of the link be the top page. Like:


<a href="pic24.jpg" target="top">to make this work you need to add this at the very beginning of the script on the top page:


this.name='top'and for good measure, i might put the large image in a page of its own, say pic24.htm and reference that in the link instead of pic24.jpg

Thanks for your suggestions,
I changed to the (<a href="pic24.jpg" target="_blank">) ,but I am not sure just what you ment by putting the (this.name='top') to the beginning of the script.
Do you mean before the <html><head> on the day25.html page that the Ifrme script links to?
Thanks again, and in case you want to look at the link again below.
http://min.midco.net/pius/submitted_pics/month.html

jscheuer1
04-25-2005, 02:57 PM
Well, no but, it doesn't have to be so complicated. It was late and I wasn't thinking as clearly as I might. What I suggested would work if followed (at the top of the script means just after the <script type="text/javascript"> tag), I even made a demo. Still, the easiest way is to forget about that and use target="_top" in place of target="_blank". That will make the large picture replace month.html in the same window but, relies on the user to use his/her 'back' button to return so, you have to decide if you are comfortable with that.

Now, looking at your page, I still would do things differently but, that's me. What you have looks good, it just isn't what I'd do. Two things I would still recommend is to set scrolling="no" for the iframe and creating a page for the large picture. The page for the large picture would look something like this:


<html>
<head>
<title>Title for Picture 24 Page</title>
</head>
<body>
<img src="pic24.jpg" border="0" alt="" title="">
</body>
</html>It could be called pic24.html and be used in place of pic24.jpg in day24.html.

This would mean having a page for each picture though, and you may not want to go to all that trouble. The advantage is that the large picture will appear in the browser at its true size, not resized to fit the window. You could also put a link back to month.html on those pages, making things easier for novice users unfamiliar with the 'back' button.

jscheuer1
04-25-2005, 03:05 PM
Oh, and I would fix this:

Picture can only be used for personnal none profit use.

Picture can only be used for personal nonprofit use.

w0hju
04-25-2005, 11:42 PM
Thanks for the advice, I will make the changes on my next upload, but for now it is a lot of work to change the script again on 32 pages.
You know I must have looked at that misspelled (none profit) a lot of times but really didn't see it, if you know what I mean.
O well, after all I"m just an old grammer school grad.
Thank you for your great help.