Web Images Videos Maps News Shopping Gmail more »
Recently Visited Groups | Help | Sign in
Google Groups Home
Looping images moving in one direction?
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  2 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
swortis@gmail.com  
View profile  
 More options Apr 1 2007, 9:04 am
From: "swor...@gmail.com" <swor...@gmail.com>
Date: Sun, 01 Apr 2007 06:04:14 -0700
Local: Sun, Apr 1 2007 9:04 am
Subject: Looping images moving in one direction?
Could an animation be created where a simply ul list (of images, as an
example) slowly move across a div? Would be a fantastic concept for a
photo gallery or nav menus, etc.

    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
andreaskal...@gmx.de  
View profile  
 More options Apr 2 2007, 8:46 pm
From: andreaskal...@gmx.de
Date: Mon, 02 Apr 2007 17:46:26 -0700
Local: Mon, Apr 2 2007 8:46 pm
Subject: Re: Looping images moving in one direction?

swor...@gmail.com schrieb:

> Could an animation be created where a simply ul list (of images, as an
> example) slowly move across a div? Would be a fantastic concept for a
> photo gallery or nav menus, etc.

This is possible.

<div id="container">
<ul id=list">
  ... many <li>s with images
</ul>
</div>

Think of styling all elements correctly with CSS first: The container
must have overflow: hidden, correct size and position relative/
absolute/fixed. The list must be positioned absolute.

And now the script:

new Run({
  elements: 'list',
  style: {
    left: '-500px'
  },
  // other options

});

This example moves the list from right to left so you see the images
from left to right. If you want a complete solution ask me again ;) I
haven't testet this yet ...

MfG

Andi


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Google Groups - Google Home - Terms of Service - Privacy Policy
©2009 Google