0

I have next mission: i have to replace flash alement with javascript in this page: http://www.fplus.si/ (changing the images with buttons for every image)

Afcourse it has to look and work excactly the same. I found some jquery modules that do almost like this, but there are not the same. did somebody stumbled upon such module?

Thank for help, Peter

1
  • I think you could make much nicer buttons than they are at the moment... don't just make it the same, make it better! Commented Oct 14, 2009 at 11:32

2 Answers 2

1

I don't think that your client meant exactly the same. You could go with some suitable carousel/lightbox control and use CSS to position those buttons correctly over the images.

But as far as I can see this is done purely by fading images on a predefined interval. No special functionality. It can be done without any particular control as well. As long as you have some client lib that implements animations.

position buttons using

position: relative;
top: -50px; /* as much as needed */
margin-left: 20px;
float: left;

and set their :hover state with different background-image CSS setting. But don't forget to put an additional empty <div> afterwards with CSS setting clear: both. To continue rest of the document as it was.

Sign up to request clarification or add additional context in comments.

Comments

0

If they need to be exactly the same you could grab the images for both states (normal and rollover) on the site and use those images in normal html+css and define a rollover state with the rollover image. It can be as simple as that.

You can even choose to implement the rollover functionality with css or javascript. Personally I prefer css because you can not 100% rely on javascript being activated at the client side.

1 Comment

What i dont know how to add buttons 1,2,3,4.... at the bottom of the picture... Each button has its rollover state, so they have to be object of their own?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.