Is this possible with dhtml/javascript?
Mac
Hi all
What I am wondering is this possible with dhtml/javascript. Here is what
one has:
an interface that is done in layers that one wishes to load within a
viewing layer
numerous series of pictures or schematics at different resolutions.
What I am wondering is there some function within javsacript to have it
render the picture closer and closer and then blur it when one gets very
close. Think of this akin to a schematic drawing that one views at one
distance/resolution and then closer and greater resolution and then one
gets to a point where the resolution blurs and then it morphs to the
finished picture of the product not the schematic. Any information is
greatly appreciated.
Thanx
G. McKenzie
Paul Hamilton
Mac wrote:
YOu could scale the image (make it bigger), and then set the crop to
be the original area. This would make the area you are interested in
grow.
Then, when you get to the highest resolution, hide it and show the other
product schematic.
Try playing with reloading the image tag with
layer[name].document.images[0].src = "ddddd" to get the image to reload.
Before reloading, you can set the clip and size.
------
Paul Hamilton
Design & Development
mBED Software
pa...@mbed.com
www.mbed.com
John Dowdell
[This message was crossposted to two different types of newsgroups. I'm
not certain whether my crossposted reply will be received by both.
Followups to the Dynamic HTML newsgroup at www.dhtmlzone.com, please.]
> What I am wondering is there some function within javsacript to have it
> render the picture closer and closer and then blur it when one gets very
> close. Think of this akin to a schematic drawing that one views at one
> distance/resolution and then closer and greater resolution and then one
> gets to a point where the resolution blurs and then it morphs to the
> finished picture of the product not the schematic.
It almost sounds like you're describing a zoom and cross-dissolve
there... the description reads to me like you're trying to make the
image larger, and then smoothly switch it in for a fully-rendered
drawing of the same wireframe.
There's no JavaScript function per se for such manipulation. In the 4.0
browsers you can get effects similar to this, although it would not look
as smooth as a pre-rendered digital video file, or something played in a
native-code plugin/control such as Shockwave.
Although Nav4 layers and IE4 CSS can handle visibility for a chunk, they
do not offer partial transparency, so you'd might wish to show separate
images in a partial state of cross-dissolve. This would add tremendously
to your filesize, however, and you'd need to make sure the graphics were
preloaded before display. (Although IE4/Win32 offers some visual
filters, this is useful for intranets and kiosks and other situations
where you can control the machine, and for the World Wide Web the
specifying of a page for 4.0 browsers is about the limit.)
The actual layout of the piece would be easiest in Dreamweaver, a beta
of which is now available on the Macromedia website. That type of
effect, though, is more commonly handled in Shockwave, which currently
has over twice the audience of America Online and which can play across
the range of browsers, on the various Macintosh and Windows platforms.
If you're focusing on DHTML, then it might be useful to experiment with
Dreamweaver and the types of presentations it makes available... this
could give a strong idea of what DHTML can offer to the audience of 4.0
browser users.
jd
--
John Dowdell, Macromedia Tech Support, San Francisco CA US
Private email options: http://www.macromedia.com/support/priority.html
Search technotes:
http://www.macromedia.com/support/search/powersearch.htm
Search DIRECT-L: http://www.mcli.dist.maricopa.edu/director/digest/
Online savvy: http://search.yahoo.com/bin/search?p=netiquette
Cross-browser scripting: http://www.dhtmlzone.com/