Mueve al último niño a la primera posición

Mi HTML:

  <div id="my-slider">
    <img src="/slider/pic/bf3.jpg" alt="picture">
    <img src="/slider/pic/bf3_cq.jpg" alt="picture">
    <!-- etc -->
  </div>

En un evento específico, quiero mover la última etiqueta img a la primera posición (según el padre)

Lo intento:

    curr.css('left', 0);
    curr.prepend(curr.parent()); 

Puedo cambiar css, pero la segunda línea genera un error:

HierarchyRequestError: el nodo no se puede insertar en el punto especificado en la jerarquía

¿Podría alguien darme algún consejo?

Respuestas a la pregunta(3)

Su respuesta a la pregunta