View Full Version : Help - Site Design Layout
SteadyScene
April 28th, 2004, 10:56 AM
I am creating a site in Adobe Photoshop 8.0. I plan on splicing and exporting images and html when I am done with the layout.
It has raised a few questions:
See sample: http://www.steadyscene.com/mock2.jpg
1. how do I make the large photo of the man change everytime the site is loaded? randomly.
2. how do I make the "editable html text area" (which will be spliced out) its own seperate frame with scrollbars?
Regards,
Daniel
DarkChild
April 28th, 2004, 11:12 AM
if anyone has a clue about question 2, please post :) that's a problem i've ran into too
as for question 1, sorry steady, i've got no idea
grtz
RuffRyder
UNFLUX
April 28th, 2004, 11:17 AM
1. You need a javascript to randomize the images for you, then make all the images you want to load the same size so it just fits right in. There's a lot of them out there if you search for it.
2. use an iframe:
<iframe src="yourpage.html" width="500" height="350"
frameborder="0"> I'm sorry but your browser doesn't support the IFRAME
element.</iframe>
SteadyScene
April 28th, 2004, 11:19 AM
Thanks Unflux, where do I put that iframe code? Remember, I am splicing that area out.
andr.in
April 28th, 2004, 11:26 AM
1. You need a javascript to randomize the images for you, then make all the images you want to load the same size so it just fits right in. There's a lot of them out there if you search for it.
actually you can do that with a server-side script as well ;)
SteadyScene
April 28th, 2004, 11:42 AM
not sure how I randomize the image if the image is part of the splice image. Lets say I splice the whole right side, nab bar, links and photo as one image. Is that the image I would randomize?
DDD
April 28th, 2004, 12:01 PM
actually you can do that with a server-side script as well ;)
I would not confuse him more with a serverside solution at the moment. But he is right (and the way i'd go)
You place the random script in the cell you want the images to be random. when you find a script it should tell you how to use it. I think DW has a random script built into the behaviors menu if you are using DW. www.w3schools.com to find out more about iframes and html.
UNFLUX
April 28th, 2004, 12:10 PM
yeah, since you're using tables to splice up the image it's really easy. As DDD said, the cell where the text box goes is where you put the iframe code. just adjust it's settings to fit your needs. The page that loads in the iframe is it's own html page. ;)
As for the random image, I was going to suggest the server-side script as well, but figured it might be a harder find and a little more difficult to implement.
I would just make all the images of your dude the same size, and in the cell that you want it to load and randomize, use a script or javascript to do the work.
SteadyScene
April 28th, 2004, 12:17 PM
I would just make all the images of your dude the same size, and in the cell that you want it to load and randomize, use a script or javascript to do the work.
As you can see, the photo of the dude is on a layer with other images. It is going to be exported out of photoshop as one image. So even if the whole left side is one splice? (nav bar, links and the man photo) I guess that is more of a fundamental inquisition. heh!
Powered by vBulletin® Version 4.1.10 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.