[Swipe images on ipad]

Thanks for the replay 

[Swipe images on ipad]

hi,

 

i was trying to create similar ("swipejs.com") using tweenMax.  

 

for this i can get some sample examples 

[Animation in IE8]

Dear Carl

Thanks for the support

 

but still my problem is not solved.

 

one the above link (filter:inherit). its working but one small problem is there. the inner div position is very in ie8 and chrome (other browsers)

attaching the screen snaps

[Animation in IE8]

Thanks for the support.

 

when i change the position of the inner div element.

 

<div id="bgHolder" style="background-color: #adff2f; width: 200px; height: 200px; position:absolute;">
<div id="fgHolder" style="background-color:aqua; width: 50px; height: 50px; top:30px; left:50px; position:absolute;"></div>
</div>
var bg = document.getElementById("bgHolder");
TweenLite.to(bg, 10, {css:{x:500, y:700}});
TweenLite.to(bg, 10, {css:{scale:3}});
​

 

 

http://jsfiddle.net/jophine/FLt9X/

 

Any solution for this

[Animation in IE8]

Hai,

 

i am facing issues in IE8 browser which have TweenLite.

<!-- MY Javascript Code-->

<script src="../../js/libs/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../js/libs/tweenlite/CSSPlugin.min.js" type="text/javascript"></script>
<script src="../../js/libs/tweenlite/TweenLite.js" type="text/javascript"></script>

function startTween(){
	 var bg = document.getElementById("bgHolder");
	 TweenLite.to(bg, 10, {css:{x:500, y:700}});
}
<!-- MY Html Code-->
<button type="button" onclick="startTween()">Start Tween</button>
<div id="bgHolder" style="background-color: #adff2f; width: 200px; height: 200px">
<div id="fgHolder" style="background-color:aqua; width: 50px; height: 50px"></div>
</div>

 

 

 

While running this code in Chrome is working fine but running IE8 its shows something different. my library's are updated, any solution for this

 

my code also in http://jsfiddle.net/jophine/cdWhF/44/