jquery אפשרות זהה לאפקט animate? - הוסטס

morsrh · 09-12-10, 20:15

שלום , נתקעתי פה באיזה חתיכת קוד.

יש לי את הקוד הזה לצורך דוגמא

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");

רעיונות מישהו?
תודה רבה.

09-12-10, 20:15	# 1
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 31 הודעות: 444	jquery אפשרות זהה לאפקט animate? שלום , נתקעתי פה באיזה חתיכת קוד. יש לי את הקוד הזה לצורך דוגמא 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"); רעיונות מישהו? תודה רבה.

כלים לאשכול
הצגת גרסת הדפסה שלח דף זה באימייל
תצורת הצגה
עבור לתצורה לניארית עבור לתצורה משולבת תצורת אשכולות


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)