How do you make expandable banner ad?

Hi there,

I am trying to figure out how to create an expandable window that opens within a webpage such as shown in the Sony ad at http://www.zdnet.com/

Any thoughts?

P

P. wrote:

Hi there,

I am trying to figure out how to create an expandable window that opens within a webpage such as shown in the Sony ad at http://www.zdnet.com/

Any thoughts?

That's done in Flash.


--
Cheers,
Linda Rathgeber
----------------------------------------------------------------------
Learn Fireworks Visual Effects with "RAZZLE DAZZLE"
http://www.webdevbiz.com/pwf/
Victoriana | http://www.projectseven.com
Playing with Fire | http://www.playingwithfire.com
Team MM Fireworks Volunteer | www.macromedia.com/go/team
----------------------------------------------------------------------

use css to show/hide the expandable bit:

#divExpand.show {
display: block;
}
#divExpand.hide {
display: none;
}

<div id="divBanner"></div>
<div id="divExpand" class="hide"></div>
<div id="divContent"></div>

joe





P. wrote:

Hi there,

I am trying to figure out how to create an expandable window that opens within a webpage such as shown in the Sony ad at http://www.zdnet.com/

Any thoughts?

P

or...
use css (and js) to change the height of the div (set overflow to
hidden). eg:

#divExpand {
overflow: hidden;
}
#divExpand.show {
height: 300px;
}
#divExpand.hide {
height: 60px;
}

<div id="divExpand" class="hide"></div>
<div id="divContent"></div>

joe





Joe {RoastHorse} wrote:

use css to show/hide the expandable bit:

#divExpand.show {
display: block;
}
#divExpand.hide {
display: none;
}

div id="divBanner"></div
div id="divExpand" class="hide"></div
div id="divContent"></div

joe





P. wrote:

Hi there,

I am trying to figure out how to create an expandable window that
opens within a webpage such as shown in the Sony ad at
http://www.zdnet.com/

Any thoughts?

P