Porsche.com
- Started
- Last post
- 18 Responses
- Blueman
How is the navigation created?
http://www12.porsche.com/usa/
- MrDinky0
HTML
- Blueman0
the whole nav?
but you keep on scroling over models>911 overview>and then over the car and it all stays up.
looks like XHTML.. but how can i reporduct this? I'm not good at programming
- Crouwel0
XHTML is the same as HTML, only a bit stricter. has nothing to do with dynamics.
it's just layers/divs controlled by a bit of hide/show javascript.
- mg330
I will add simply that hyperlinks are used.
- Blueman0
do you have any good resources where i can find this info?
- ukit0
Having said that, that's a very slick implementation of Javscript that you don't see too often. I love the transparency effect.
- Crouwel0
i used it here:
http://www.peterdaemen.nl/test2/… (testpage)check the picture, click it.
then check the source for the very simple js in the head..
- visualplane0
Definetly a clean looking site. Love the photo as well.
- Crouwel0
function show(id) {
document.getElementById(id).styl... = "visible";
}
function hide(id) {
document.getElementById(id).styl... = "hidden";
}
- Blueman0
function show(id) {
document.getElementB yId(id).style.visibi lity = "visible";
}
function hide(id) {
document.getElementB yId(id).style.visibi lity = "hidden";
}
Crouwel
(Aug 29 05, 11:38)so i would put this code on the button?
- Blueman0
while i have your attention.. how is the picture gallery created? http://www.cadillac.com/cadillac…
is this a simple mouse over? and are the large images preloaded?
- Crouwel0
no!!!!!
you put it in the head..
then you can apply it on the divs you use. the divs that need to be hidden initially must be defined as hidden in your CSS, then with an onmouseClick or onmouseOver (or any other) command inside a tag (href) you can make it visible or hidden..
- Crouwel0
have you even checked the source in my site?
- Blueman0
yeah i looked at it. so the difference on your site is that you have it on mouse click not mouse over. right?
- Crouwel0
exactly.
the possibilities are endless.
- Blueman0
so is this how the cadilac image gallery is created?
- jevad0
View the source man - decompile
- IanHalliday0
be at one with the source. unfortun ately as I learned, and I am sure everyone has, there is no way to short cut it, you really have to learn html/css/javascript to get to this kind of stuff. trying to work backwards yourself, or decompile as jevad put it is the only way!