hello,
i am making image slider . on click event of image i am creating div dynamically . also, i want to flip image and dynamic div must be visible.
i have succeeded in creating Div dynamically and adding it to same position as image but image is getting move to right side but i want to overlap image .
function flipIt(obj){
$(obj).animate({“height”:”600px”,”width”:”320px”},50);
$(obj).animate({“left”: “-=40px”,”opacity”: “0.65”},””,””,function () {
//$(obj).css(“-webkit-backface-visibility”,”hidden”);
$(obj).css(“-webkit-transform-style”,”preserve-3d”);
$(obj).css(“-webkit-transition”,”all 1.0s linear”);
$(obj).css(“transform-style”,”preserve-3d”);
$(obj).css(“transition”,”all 1.0s linear”);
$(obj).css(“-webkit-transform”,”rotateY(180deg)”);
$(obj).css(“transform”,”rotateY(180deg)”);
});
$(obj).wrap($(‘
‘).css({
“position” : “absolute”,
“left” : $(obj).position().left,
“top” : $(obj).position().top,
“height” :$(obj).height(),
“width” :$(obj).width(),
}));
);
and css is :
.foobar
{
position:absolute;
top:0px;
color:red;
background-color: blue;
background:blue;
content: div is here;
height:450px;
width:250px;
}
