diff --git a/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart b/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart
index bf932aed..d10e812a 100644
--- a/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart
+++ b/examples/ng/doc/lifecycle-hooks/lib/src/after_changes_component.dart
@@ -35,7 +35,7 @@ class AfterChangesComponent implements AfterChanges {
 
   // #docregion ng-after-changes
   ngAfterChanges() {
-    changeLog.add('Input property has changed.');
+    changeLog.add('Input property has changed. ($power)');
   }
   // #enddocregion ng-after-changes
 
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/after-changes-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/after-changes-anim.gif
new file mode 100644
index 00000000..d7f76a18
Binary files /dev/null and b/src/_assets/image/ng/devguide/lifecycle-hooks/after-changes-anim.gif differ
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif
index 8b3bc392..835f5c11 100644
Binary files a/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif and b/src/_assets/image/ng/devguide/lifecycle-hooks/do-check-anim.gif differ
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png b/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png
index efbdd7b3..95432008 100644
Binary files a/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png and b/src/_assets/image/ng/devguide/lifecycle-hooks/hooks-in-sequence.png differ
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/on-changes-anim.gif b/src/_assets/image/ng/devguide/lifecycle-hooks/on-changes-anim.gif
deleted file mode 100644
index e13284ab..00000000
Binary files a/src/_assets/image/ng/devguide/lifecycle-hooks/on-changes-anim.gif and /dev/null differ
diff --git a/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png b/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png
index f799e89f..17629b19 100644
Binary files a/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png and b/src/_assets/image/ng/devguide/lifecycle-hooks/peek-a-boo.png differ
diff --git a/src/guide/lifecycle-hooks.md b/src/guide/lifecycle-hooks.md
index db4fa56a..1a1bc7d4 100644
--- a/src/guide/lifecycle-hooks.md
+++ b/src/guide/lifecycle-hooks.md
@@ -419,12 +419,11 @@ The host `AfterChangesParentComponent` binds to them like this:
   <after-changes [hero]="hero" [power]="power"></after-changes>
 ```
 
-<!-- TODO: migrate -->
-<!-- Here's the sample in action as the user makes changes. -->
-<!-- <img class="image-display" src="{% asset ng/devguide/lifecycle-hooks/on-changes-anim.gif @path %}" alt="AfterChanges"> -->
-<!-- The log entry appear as the string value of the *power* property changes. -->
-<!-- But the `ngAfterChanges` does not catch changes to `hero.name` -->
-<!-- That's surprising at first. -->
+Here's the sample in action as the user makes changes.
+<img class="image-display" src="{% asset ng/devguide/lifecycle-hooks/after-changes-anim.gif @path %}" alt="AfterChanges">
+The log entry appear as the string value of the *power* property changes.
+But the `ngAfterChanges` does not catch changes to `hero.name`
+That's surprising at first.
 
 Angular only calls the hook when the value of the input property changes.
 The value of the `hero` property is the *reference to the hero object*.