שלום , נתקעתי פה באיזה חתיכת קוד.
יש לי את הקוד הזה לצורך דוגמא
HTML קוד:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#thisdiv").mouseover(function(){
$("#thisimg").animate('src', "image2.png");
});
});
</script>
<style type="text/css">
#thisdiv{
height: 50px;
width:50px;
background-image: url('image1.png');
}
#thisimg{
height: 50px;
width:50px;
}
</style>
</head>
<body>
<div id="thisdiv">
<img id="thisimg" src="image1.png" />
</div>
</body>
</html>
האפקט שאני רוצה לעשות פה הוא שהתמונה image1 מתחילה להיעלם והתמונה image2 נכנסת בתוך התמונה image1.
משום מה שאני עובד רק עם צבעים אז זה עובד לי טוב מאוד , שצבע אחד נכנס לי בתוך צבע אחר אבל עם תמונות זה לא עובד לי בכלל.
בקטע הבעייתי פה הוא
HTML קוד:
$("#thisimg").animate('src', "image2.png");
רעיונות מישהו?
תודה רבה.