last day (14 days later) » 

5:29 AM
0
Q: background animate image is not working in IE and Opera browsers

sasiThis is my css code: body { margin: 0; padding: 0; } #slideshow { position: relative; overflow: hidden; height: 100px; } #fixme { height : 60px; position: relative; overflow : hidden; } #animate-area { height: 122%; ...

 
can anybody help me please?
 
For me your jsfiddle example work great in IE10 and Opera 20.0.1387.91. Have a look at this: caniuse.com/#feat=css-animation
 
@DragosSandu: At forst, may i know, how to use caniuse.com?
 
Link I provided above tells you for what version of every browser the CSS3 Animation is supported. You can view that only IE10 and higher support the Animation.
 
@DragosSandu: It is not working in IE and Opera, please help me to fix this.
 
5:29 AM
This is what i try to do, but i need your IE and Opera versions.
Let's talk here
 
hi, may i know, how to know the version of browser?
 
Hi. In IE click on the setting wheel, then about Internet Explorer. You will see there your browser version
 
there is no option setting wheel, in that
 
the last one after you click on the settings wheel image .c.tadst.com/gfx/screenshots/ie9-gear-wheel.png
 
there,..
 
5:40 AM
I want your version of IE so much, because if it is under 10 the CSS 3 Animation doesn't work because the browser doesn't know that codes. I try your code in IE 10 and it's work perfectly.
 
please wait.
 
Thanks,, Its IE8, then what to do.
are you there?
 
IF is IE8, it's a lot more work to do for this image to be animated. Have a look at this stackoverflow.com/questions/10854761/css3-animation-in-ie8-9 But, IE8 is a pretty old browser which is used increasingly less w3schools.com/browsers/browsers_explorer.asp
 
5:55 AM
so need to add javasript right?
 
modernizr, some jquery etc. From my point of view, there's no point doing the animation to work in IE8
 
can you hel me out ?
I need to work work with safari and IE 8,9,10
 
Let me eat something first. Then i will try locally to make animation in IE 8. If i succed, i will edit my first answer.
 
yeah, ok I will catch you later.
 
6:32 AM
there?
 
Yes
Open this link from IE8. This is what i have so far. jsfiddle.net/7bxzw51q
 
Its working in IE?
 
Yes, but not infinite as far.
 
From your fiddle, nothing visible in IE
 
Because even fiddle doesn't like IE8. Wait, i will edit my answer.
 
6:42 AM
ok
 
Have a look
At the last bounch of code in my answer
Paste it in the head section
And access your website from IE8
 
now, there is nothing visible even chorme, can you help me, and please try in your localhost.
 
Your html Should look like this
<html>
<head>
<title>Your title</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!--[if lt IE 10]>
<script>
$(document).ready(function(){
$("#animate-area").animate({left:'-1269px'}, 40000, function() {});
});
</script>
<![endif]-->
</head>
<body>
<div id="slideshow">
<div id="fixme">
<div id="animate-area">
</div>
</div>
</div>
</body>
</html>
In my localhost
it works
 
super.. it works fine.. thanks
and i give you +1
 
I'm glad it work. Have a good day!
 
6:53 AM
now what we changed?. only added script right?.. and remove some in css right?
 
Nothing removed from CSS. We add a little script and a condition. ONLY when the user access the browser from IE9 or down, the script is loading. In any other situation, the CSS (which is the best solution) will come and to he's job.
 
thanks :)..
 
welcome
 
7:12 AM
and i need one more help, can you?
 

last day (14 days later) »