photo web page building

[jerden]

on the cover of WebEasy 7 there is an advert showing a group of pics on a page with an enlarged version beside them I cnt seem to find this web page design in the themes i got with this pack. Is there a way of doing this same effect within W37? I dont care if its nitty gritty I just cant seem to find this page layout.

I found some pages and added pictures but when I build and test it the images do not appear enlarged on the seperate screen just in there minimized forms on the page.

can anyone help with this?

[wbdesigner]

here we go again

so you want to click on the image and have it open a picture larger on the same page not just pop up a window. you need to do this with a seperate piece of software like a slideshow. Install the porta program I gave the link for and build a slideshow very easy program the first one I did took 5 minutes from install to slideshow. then make the iframe... container then tools >custom script

<iframe name="body1" src="pics\example1.jpg" width="250" height="300" style="border:2px inset #000000" >
</iframe>

or
is this what you want? http://www.raingod.com/raingod/resources/Programming/JavaScript/Software/ThumbShow/index.html

to do this you have 2 photos the thumbnail which WE will make for you and the larger image which you have to target to an iframe.

See this link http://forums.avanquestusa.com/aq/showthread.php?t=5492&highlight=photos&page=2 check supas post at the beginning of the thread to see how you make the iframe with targets.

Patti

[WebMonkey08]

I bought WE 6 & 7,and both had an extra Flash program you could install seperately, if you have that, they have some Photo Gallery tempaltes, that are easy, and kind of cô¿ôl...

[pikeboy's mum]

Having read through all the postings re slideshows etc, I did as suggested, downloaded the Porta thing and made an 'album' which I have saved... BUT I'm afraid I still can't work out how to get it into a box or something on my webpage design in WE. And at the risk of being REALLY clueless, what is this 'iframe' that everyone is referring to? Is it the same thing as an image field in the objects list?

then make the iframe... container then tools >custom script

<iframe name="body1" src="pics\example1.jpg" width="250" height="300" style="border:2px inset #000000" >
</iframe>

I made a 'container' via the shape tool then tried copying and pasting this code into the custom script thing, but when testing, all I got was a message from IE saying page not available! So what kind of container is the right one??? HELP! I need this thing spelling out from a to b... as I'm not v good with technical jargon!

[supa]

Do not worry.

this Iframe is a container which can show another whole new page inside of it.
or can show a picture for example.
you can use it when you want to build a simple picture gallery and would like each image to be opened in the same box on the page.

you did right buy putting a box and insert the code into the custom script.
but if you will look carefully inside the code you insert :

<iframe name="body1" src="pics\example1.jpg" width="250" height="300" style="border:2px inset #000000" >
</iframe>

the SRC represents the word source, in which is written a location of an image or an HTML page if you like.

When you preview your page the WE software will first produce the files to preview (HTML files and your date and images) into your TEMP folder of WE.
so if you want to see something inside you BOX (iframe) you need to create a folder inside TEMP folder and call it: "pics" and then put a picture named :
example1.jpg

you can change the picture name in the code and the file name as well.

when you export your site to the net you will need to manually create that folder in your hosting space on net for it to work.

now this is only the first part.

now read the other threads that was given to you , to see how you should link to that iframe so when you press on an icon, it will be opened inside the IFRAME.

Good luck

Supa

[pikeboy's mum]

Thanks so much Supa!

I did in the end manage to work out where I was going wrong with the coding and even managed to get the link to the Porta album in there. It did appear when I tested it, but not in the 'box'. It was smaller, at the top LH corner of the page in fact. But maybe that's because I need to put the file source in my Temp folder as you suggest? At the moment it's in my documents/my albums on my hard disk.

I think where I was going wrong in the first place was by trying to link it as an embedded object... this just kept bringing my index.html page up in the space where I wanted the Porta slideshow.

I have to get the hang of this as I have about 10 more to do!

[supa]

Thanks so much Supa!

... It did appear when I tested it, but not in the 'box'. It was smaller, at the top LH corner of the page in fact. But maybe that's because I need to put the file source in my Temp folder as you suggest? ...

Nope,
Don't think so... if it showed in the page, then it should have been inside the "box", my guess is that you didn't put the code in the right place.

when you press on the box (a simple draw of a box) you should press on the custom script located in the inspector (ctrl+k) on the right.
when you open the script window you can see several options on top.
it should be checked on the Objects events if you choose different option it will be put inside the page itself without connection to nothing and will be set at the first place of the page which is the top left, and let me guess that this was your mistake...

and you r very welcome... ;)
Supa

[pikeboy's mum]

Hallelujah! It works! What I had done wrong was to put the scripting in as a link rather than in the custom script box. Had to fiddle with size of box and size parameters in script to allow for the variation in photo sizes on screen but now it works wonderfully! Thank you so much for the clear instructions!:D

[wbdesigner]

Supa would you please I mean pleeeaaasseee!!! put this together as a guide.
Thanks
Patti

[ksp1139]

I know with time I may figure out how to do this, but right now I feel like an idiot. As I read this thread I thought GREAT just what I'm looking for. I do not understand the jargon talk

then make the iframe... container then tools >custom script

<iframe name="body1" src="pics\example1.jpg" width="250" height="300" style="border:2px inset #000000" >
</iframe>

I know not having a background in Web design I'm not supposed to understand this but I don't even understand where I would put it if I did know what it would do.

I'm very embarrassed

[wbdesigner]

the container is just a box simple box. click on the box then open the tools> custom script dialoge area and put the code in .
that makes the iframe which is like a window on your page to another web site image or file.

[supa]

Ok patti...

just for you..;)

Supa