Website help

Mancill*chicago · 01-23-2008, 01:36 AM

I am in the middle of creating a website for my children clothing co. using dreamweaver. A feature I want to include on the site is an outfit matcher feature.

1.) A transparent child in the background
2.) I have 7 shirts and 6 pant styles. Each product has 4 color choices
3.) I want a option to choose shirt design and color
4.) Then choose pant bottoms and color.
5.) Once selection is made I would like the transparent child in the background to become visable wearing the clothing selection the customer picked.

What software(s) would I have to implement to get this feature to work correctly.

Thank You,

Mancill*Chicago

CrazeD · 01-23-2008, 04:33 AM

Java, Javascript, or Flash.

TonCrafter · 01-23-2008, 03:04 PM

I use Flash for similar things.

TimBlanchard · 01-29-2008, 01:58 PM

Adobe Flash.

Yek · 01-29-2008, 03:48 PM

Flash for a newbie to webdesign, no way...

I would reccomend creating seperate pages (sort of like frames) for each item. E.g having the bar at the bottom with different colours and a start image (index.html) when blue is selected it will load blue.html, green box would load green.html etc.

Ill show you what i meen

Code:

<p align="center"><img src="start_image.jpg"></p>

<p align="center">
<a href="red.html">
<img src="red_box.jpg"></a>

<a href="blue.html">
<img src="blue_box.jpg"></a> 

<a href="green.html">
<img src="green_box.jpg"></a> 

<a href="yellow.html">
<img src="yellow_box.jpg"></a></p>

Then put an i frame on your page with that contained....

Code:

<p>
<iframe name="Frame_Select" src="index_select.html" width="50%" height="50%" scrolling="no" border="0" frameborder="0">
</iframe></p>

Ask if your still having probs...

TimBlanchard · 01-29-2008, 04:00 PM

whats teh difference beetween a 'frame' and an 'iframe'?

Yek · 01-29-2008, 04:05 PM

An Iframe is a window in a sense, displays another page/URL inside it (mostly used for masking) a frame splits a page.

(Plus in my opinion IFrames are easier

)

IFrames can be made transparent by adding

Code:

allowtransparency="true"

to the attribs. And

Code:

<body style=background-color:transparent>

to your containing page.

CrazeD · 01-30-2008, 12:12 AM

He asked what could be used to make it correctly. I would say Flash would be immensely better than regular HTML. Harder, sure, but he didn't ask what was easiest.

Yek · 01-30-2008, 12:20 PM

Quote:

Originally Posted by CrazeD

He asked what could be used to make it correctly. I would say Flash would be immensely better than regular HTML. Harder, sure, but he didn't ask what was easiest.

Yeah, you've got me there

Member Login