Reputation: 728
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
Upvotes: 0
Views: 922
Reputation: 105029
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.
Upvotes: 1
Reputation: 4666
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.
Upvotes: 0