Solved

how to move an image?

Posted on 2001-06-25
6
223 Views
Last Modified: 2010-08-05
Does anyone have a reference or idea how i could move images over the length of a graphic, say using a combo of asp and dhtml?

say i have a static graphic with a width of 500 pixels which representsd th elenght of a course. then, i have two small images (2 people) whose positions are updated every 2 minutes or so, citing the distance that they are from the end of the course.
The length of the course would be the width of the image.
The position the person relative to the course would be the distance they are from the end of the course. With every update, the image should position itself closer to the finish of the course graphic. Can this be done? how?
0
Comment
Question by:mikeandbee
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 

Expert Comment

by:nesifa
ID: 6225030
yes, by the properties of the image. I will get back to this qyestion later because I am busy right now.

Nesifa
0
 
LVL 19

Accepted Solution

by:
webwoman earned 100 total points
ID: 6225235
You'd have to set them up on layers/divs, and move them. For a good example and a lot of code you can copy, go to www.dansteinman.com/dynduo

Or check out www.htmlguru.com , he does similar things there.
0
 

Expert Comment

by:zerogravity187
ID: 6225502
The above comments were not very precise...you wanna set up two layers like in the code below

<div id="BACKGROUNDLAYER" style="position:absolute; width:479px; height:222px; z-index:1; left: 302px; top: 59px">
<div id="PEOPLELAYER" style="position:absolute; width:16px; height:54px; z-index:1; top: 11px; left:
<%=NEWPOSISTION %>px">
<img src="YOUR PEOPLE IMAGE" width="26" height="22"></div>
  <img src="YOUR BACKGROUND IMAGE" width="300" Height="161"> </div>

Everytime you want the people to move, just increase(or decrease) the amount of the variable NEWPOSITION

place your images in the corresponding layers, tweak the sizes and initial positions and you are all set.

you can also change the top position with another variable to adjust up and down.



0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Expert Comment

by:nesifa
ID: 6227698
The above comment works, but for each change you have to go to web server and come back. A lot of round trips go back and forth which are not likely in web design. The best solution is to do everything in client side script.You could change properties left and top of the image. The sample that webwoman gives you is a very good orientation.I do not have time to work on this sample, but by changing the properties of the image you could do the one that you need.

Nesifa
0
 
LVL 1

Expert Comment

by:Moondancer
ID: 6677799
Please award/close or advise what else is needed.
Moondancer
Community Support Moderator @ Experts Exchange
0
 
LVL 1

Expert Comment

by:Moondancer
ID: 6829387
This question appears to have been abandoned, all your open questions are posted below.
Your options are:
1.  Accept a Comment As Answer (use the button next to the Expert's name).
2. Close the question if the information was not useful to you. You must tell the participants why you wish to do this, and allow for Expert response.
3.  Ask Community Support to help split points between participating experts, or just comment here with details and we'll respond with the process.
4.  Delete the question. Again, you must tell the other participants why you wish to do this.
For special handling needs, please post a zero point question in the link below, include the question QID/link.
http://www.experts-exchange.com/jsp/qList.jsp?ta=commspt
 
Please click this Help Desk link for Member Guidelines, Member Agreement and the Question/Answer process:  Click you Member Profile to view your question history and keep them all current with updates as the collaboration effort continues.
http://www.experts-exchange.com/jsp/cmtyHelpDesk.jsp

PLEASE DO NOT AWARD THE POINTS TO ME.  
 
------------>  EXPERTS:
 
Please leave any comments regarding this question here on closing recommendations if this item remains inactive another three days.
 
Thank you everyone.

Open Qs:
http://www.experts-exchange.com/jsp/qShow.jsp?qid=11677198
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20136244
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20138104
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20139384
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20141051
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20141266
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20147138
http://www.experts-exchange.com/jsp/qShow.jsp?qid=20175597
http://www.experts-exchange.com/jsp/qShow.jsp?qid=11188236

Moondancer
Moderator @ Experts Exchange
 
P.S.  For year 2000 question, special attention is needed to ensure the first correct response is awarded, since they are not in the comment date order, but rather in Member ID order.

0

Featured Post

Get HTML5 Certified

Want to be a web developer? You'll need to know HTML. Prepare for HTML5 certification by enrolling in July's Course of the Month! It's free for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I recently decide that I needed a way to make my pages scream on the net.   While searching around how I can accomplish this I stumbled across a great article that stated "minimize the server requests." I got to thinking, hey, I use more than one…
I have helped a lot of people on EE with their coding sources and have enjoyed near about every minute of it. Sometimes it can get a little tedious but it is always a challenge and the one thing that I always say is:   The Exchange of informatio…
There's a multitude of different network monitoring solutions out there, and you're probably wondering what makes NetCrunch so special. It's completely agentless, but does let you create an agent, if you desire. It offers powerful scalability …
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…

624 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question