Connecting Tech Pros Worldwide Help | Site Map

Peeking image

Nonyz
Guest
 
Posts: n/a
#1: Jul 20 '05
Can someone tell me where I can find a script that lets me have an
image or text slide onto the webpage?
Just loading http://www.amazon.com should give you an idea of exactly
what I'm looking for.
TIA,
Nonyz
mscir
Guest
 
Posts: n/a
#2: Jul 20 '05

re: Peeking image


Nonyz wrote:
[color=blue]
> Can someone tell me where I can find a script that lets me have an
> image or text slide onto the webpage?
> Just loading http://www.amazon.com should give you an idea of exactly
> what I'm looking for.
> TIA,
> Nonyz[/color]

Nonyz,

Take a look at these:

http://www.dyn-web.com/dhtml/float/

Sliding Images or Other Positioned Elements

Float images or other page content up, down or across the screen using
this newly developed code. One small (4k) JavaScript file is all that is
needed for gliding in any direction.

The glide can repeat after a delay, or you can swap images, reverse the
direction, speed up the glide, or perform any other type of action at
the end of the glide. Multiple instances of gliding layers can be
supported with this code.

About the Code

Sliding images across the page is best suited for documents that will
require no scrolling. This is due to the fact that most browsers do not
support the style specification of overflow-x: hidden. The code is set
up to accommodate scrolling however. Just remove the line html,body
{overflow:hidden} in the style sheet.

Even though it is possible to use this code with animated gifs,
browser/system performance varies widely. Also, other system activity
can often interfere causing the gif animation to stop.

This code uses frame-based animation to glide the layers up, down or
across the page. That is, the layers move a set pixel amount each loop
(every 20 to 100 milliseconds, for example). Although frame-based
animation results in different rates of speed on different browsers,
platforms and systems, the animation will be relatively smooth in each,
whereas with time-based animation, as is used in most other animations
at dyn-web, the layer will move the specified distance in the allotted
period of time, but the motion will vary in smoothness on different
browsers, platforms and systems.

======================================

http://developer.irt.org/script/274.htm

Dennis M. Marks
Guest
 
Posts: n/a
#3: Jul 20 '05

re: Peeking image


I have read the following message from mscir <mscir@access4less.net>
and have decided to lend my vast knowledge.

The writer said:[color=blue]
> Nonyz wrote:
>[color=green]
> > Can someone tell me where I can find a script that lets me have an
> > image or text slide onto the webpage?
> > Just loading http://www.amazon.com should give you an idea of exactly
> > what I'm looking for.
> > TIA,
> > Nonyz[/color]
>
> Nonyz,
>
> Take a look at these:
>
> http://www.dyn-web.com/dhtml/float/
>
> Sliding Images or Other Positioned Elements
>
> Float images or other page content up, down or across the screen using
> this newly developed code. One small (4k) JavaScript file is all that is
> needed for gliding in any direction.
>[/color]
<snip>[color=blue]
>[/color]

and my reply is:
Using Netscape 7.02 on a Mac the sliding effect does not work very
well. When sliding text from right to left the sliding text appears
from the right side of the viewable window but actually the window
grows to the right to hold the text and then slowly shrinks as the
message moves. You can actually see the scroll bar at the bottom change
as the size of the window changes.

Netscape 7.02 is the latest Netscape browser for users who have not
upgraded to System X.

--
Dennis M. Marks
http://www.dcs-chico.com/~denmarks/
Replace domain.invalid with dcsi.net


-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Nonyz
Guest
 
Posts: n/a
#4: Jul 20 '05

re: Peeking image


mscir <mscir@access4less.net> wrote in message news:<102t6k7ak40cob1@corp.supernews.com>...[color=blue]
>
> Take a look at these:
>
> http://www.dyn-web.com/dhtml/float/
>
> Sliding Images or Other Positioned Elements[/color]

Great - danke!
Closed Thread


Similar JavaScript / Ajax / DHTML bytes