title: QML timer combined with transition
body: <pre><code>import QtQuick 2.0
  
  Rectangle {
  
  id: rec
  property int img_in:2
  property int img_out:3
  
  Image {
     id: imgout
     source:  "pics/"+img_out+".jpg"
     opacity: 1
     anchors.fill: parent
  }
  
  Image {
     id: imgin
     source:  "pics/"+img_in+".jpg"
     opacity: 0
     anchors.fill: imgout
    }
  
  Timer {
      interval: 5000
      repeat: true
      running: true
      onTriggered: {
          img_in = img_in+1
          img_out = img_out+1
          anim.running = true;
       }
  }
  
  states: State {
      name: "state1"
      PropertyChanges { target: imgout; opacity: 0}
      PropertyChanges { target: imgin; opacity: 1}
  }
  
  SequentialAnimation {
      id: anim
      NumberAnimation { target: imgin; properties: "opacity"; easing.type: Easing.InOutQuad; duration: 1500 }
      NumberAnimation { target: imgout; properties: "opacity"; easing.type: Easing.InOutQuad; duration: 1500 }
  }
  </code></pre>
  
  <p>}</p>
  
  <p>I would like to know if the problem is in opacity or in pics number change. Pics do change (suddenly) but there is no animation. Inside onTriggered I have tried to use these options: states, SequentialAnimation plus transition. No help.</p>