QML:Как сделать хороший эффект перехода между источниками изображения (плавно переходит в другой)?

Интересно, как сделать плавные переходы между источниками изображения в QML, я пытаюсь

import QtQuick 1.1
Image {
   id: rect
   source:  "quit.png"
   smooth: true
   MouseArea {
       id: mouseArea
       anchors.fill: parent
       anchors.margins: -10
       hoverEnabled: true         //this line will enable mouseArea.containsMouse
       onClicked: Qt.quit()
   }

    states: State {
        name: "mouse-over"; when: mouseArea.containsMouse
        PropertyChanges { target: rect; scale: 0.8; source :"quit2.png" }
    }

    transitions: Transition {
        NumberAnimation { properties: "scale, source"; easing.type: Easing.InOutQuad; duration: 1000  }
    }
}

Но это не работает с исходным кодом как с переходом, так же как и с изменением конечного состояния.. поэтому мне интересно, как сделать так, чтобы один источник изображения плавно переходил в другое и обратно?