Loader Problem

Hello guys,

Here is my loader code and I didn't understand how can the item1.qml work after it loads. Any idea?

//loader.qml

Code:

---

Item {
    id: item_1
    Image {
        id: image1
        source: "images/image1.png"
    }
    Loader {
        id: mainLoader
        MouseArea {
            onEntered: {
                mainLoader.source = "item1.qml";
            }
        }
    }
}

---

I don't think it will work because the mouse area does really cover any area.