Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Animated images with embedded URLs

 
Shinelin Samuel
Ranch Hand
Posts: 55
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I am looking to have images (more than one), which will be transitioned one after the another, the same location of the page. (Similiar to GIF). The issue I have is that, I want to know how to transition the images and associate each image with an URL. (so that, it opens up the exact link for each image).

Thanks in advance.

- Shinelin
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Have you looked at image slide shows?

Eric
 
Shinelin Samuel
Ranch Hand
Posts: 55
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Have you looked at image slide shows?


Eric, I am not very sure about your question. Are you referring to a JavaScript API or asking me if I have a seen similiar component from other websites?
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64683
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Simply switch out the src of the image element to the new URL.
 
Shinelin Samuel
Ranch Hand
Posts: 55
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Bear,

I think src will solve the URL issue. But I have a case, there are more than one images that need to be changed/transitioned (say 2 secs delay).

How to do Image transition here? Thanks !
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64683
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Same way. Why does it matter if there's more than one image? Each has a src attribute.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You are asking about JavaScript 101 stuff.

Look into setTimeout or setInterval

Eric
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Eric Pascarello wrote:You are asking about JavaScript 101 stuff.


Isn't that kind of the point of our forums? ;)
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic