Dreamweaver Behaviours

[CharlotteL]

I want to create a site similar to this:

http://www.day.dk/html/lookbook/?xml...ook_ss07_women

I know I need to use behaviours

How do I create a behaviour that when the web user clicks the thumbnail image the image is shown larger in the middle column and details in the far right?

Do I need to use layers as well. How does it know to display something in the middle and something on the far right.

For the text and also there will be a buy now button, what command is it as I don't think it can be swap image as some will be text, unless I save as an image first.

Thanks

Lotti

 

[lebisol]

How many images and image related info do you plan to showcase? It may be more practical to use dynamic pages with a databse behind it. Usinng layers can get messy depending on how many items you have but it is duable.
In essense your links(thubnails) on left should reflect 2 behaviors at ones.
- onclik show corresponding layerX with larger image it and set text layer on the right

============page=====================
[onclick] | show-hide layerX| | set text layer |


All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[lebisol]

...or you can use show-hide layer for both "large image" and "info" layer dependig on how detailed your info layer needs to be
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

Thank you so much for helping out here.

I have kind of got it working.

I think dynamic pages is probably outside of my level of ability. I had a look at this a bit, and I think this would probably require php but not sure if it's that or asp.

Anyway I managed to do it using show hide layer. There will be four pages with only 9 items on each.

It also needs to link through to the shop to purchase the items.

I have two problems:

1) For some reason, the first and second thumbnails do not show the large image.
2) When I move the mouse away then another picture is displayed, the same each time - I don't really want an interim picture displayed and I'm not quite sure how to fix this.
3) Oh a third problem, I've used a table and can't centre it without the layers moving the wrong place. I have been looking into using css to design the page, will it then be possible to centre it all? I'm pretty new to css, have used it a lot in the past for text formatting etc, but never the table part so trying to work that out.

Thanks loads

Charlotte

 

[lebisol]

As you move 'down the links/tubnails' don't forget to hide those 'above it'.
eg.
layer1 -show layer1-1 and show layer 1-2
[layer1 - hide all the rest of layers]

layer2 -show layer2-1 and show layer 2-2
[layer2 - hide all the rest of layers AND layer1 related]


expect quite a bit of behaviors tagged to each layer. Unless this is defined last shown layer will (from there on) be always visible.
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

Hi thanks.

Sorry but can you tell me the exact steps.

I currently have:

thumbnail1 = show large image1/show text1 - onmouseover
thumbnail1 = hide large image1/show text1 - onmouseout
thumbnail2 = show large image2/show text2 - onmouseover
thumbnail2 = hide large image2/show text2 - onmouseout

etc, so am I missing a step?

Many thanks

Charlotte

 

[lebisol]

yes:
thumbnail2 = hide large image2/show text2 - onmouseout
AND also
thumbnail2 = hide large image1/show text1 - onmouseout
without this your 1st image shown will become visible onmoseout
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

Great thanks for such a great and easy to follow explanation!

 

[lebisol]

Excellent, glad it got you through.
Also, consider using a 'true' layer for 'show text' as it will give more flexibility vs. 'set text'...in case you have not done so and it is a game of words .
If I get some spare time I may make a little tutorial on all this...a lot of DW starters (including myself) have had issues when dealing with multiple 'show-hide' layers....
Anyhow, all is well that end well....nice work.
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

I think a tutorial would be great as all the books I have don't show multiple selections.

I didn't use 'set text' or 'show text' where are these settings.

I just chose show/hide layer again.

Thanks

 

[lebisol]

Hello CharlotteL,
I have been short on time but here it is...site is still under works but I think I got most of it going...

http://mostarnetworks.com/tutorials/dreamweaver/using-multiple-show-hide-layers-behaviors.html

All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

Thank you so much for this, it's so great to have this help.

Probably a dumb question but I notice you're not using a table. I want to avoid tables and try using css. Using layers is it not necessary to use either, I think it's boxes you use in css?

Thanks and sorry after all your work to ask another question!

Regards

Charlotte

 

[lebisol]

Hi Charlotte,
Not a problem, you are right there is no need to use tables but using layers is a must. You Can use both though.
Second example will cover this.
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[lebisol]

Not sure how to keep you updated so sorry for blowing up this thread. See link again for some ideas on css.
All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...

 

[CharlotteL]

Hi

I know this really is stretching a favour and I bet you wished you never helped me. Will totally understand if I don't get a reply but you can't blame a girl for asking.

I get the whole behaviours thing now, thanks to your rather excellent tutorial.

What I'm having real problems with is the layout. I can't get the layers to display centered, the website is centered on the page. I fully admit this is probably down to my complete inability to effectively use css - still struggling with that one.

In your example the images are on the left of the page, and there is only one column of thumbnails, I need three columns (without using the dreaded table solution, I noticed in your page source a table reference so possibly you are using tables, anyway even resorting to this I couldn't centre them.

I really have been trying for weeks and am at the point of considering defenestration!

Thanks for your help - and you your much used Tutorial!

Lotti

 

[lebisol]

Hi Lotti,
No worries on the post...
there is nothing to dread on tables they are as good of an object to use as anything else.
There are 2 'main' approcahes:
1. use layer based layout only
2. a mix of layers and tables
being how it is sort of specific question based on the tutorial I would suggest we move the discussion to:

http://mostarnetworks.com/forums/index.php?topic=4.0

so it is of use to those who follow the tutorial.

All the best!

:--------------------------------------:

All around in my home town,
They tryin' to track me down...