Add UI to control the looping of animated images (64831). r=hixie sr=ben a=asa

extensions/cookie/resources/content/pref-images.xul

@@ -42,7 +42,7 @@
   <script type="application/x-javascript">
   <![CDATA[
   
-  var _elementIDs = ["accOrgImages", "networkImageBehaviour", "networkImageWarnAboutImages"];
+  var _elementIDs = ["accOrgImages", "networkImageBehaviour", "networkImageWarnAboutImages", "imageLooping"];
 
   function init()
   {
@@ -117,5 +117,18 @@
     </box>
 
   </titledbox>
+  <titledbox orient="vertical">
+    <label value="&animLoopingTitle.label;"/>
+    <radiogroup id="imageLooping" orient="vertical" autostretch="never"
+                pref="true" preftype="string" prefstring="image.animation_mode"
+                prefattribute="value">
+        <radio group="imageLooping" value="normal" label="&animLoopAsSpecified.label;"
+               accesskey="&animLoopAsSpecified.accesskey;"/>
+        <radio group="imageLooping" value="once" label="&animLoopOnce.label;"
+               accesskey="&animLoopOnce.accesskey;"/>
+        <radio group="imageLooping" value="never" label="&animLoopNever.label;"
+               accesskey="&animLoopNever.accesskey;"/>
+    </radiogroup>
+  </titledbox>
 
 </window>

extensions/cookie/resources/locale/en-US/pref-images.dtd

@@ -19,3 +19,10 @@
 <!ENTITY viewImagesExplanation.label    "View list of sites about which image acceptance information is stored">
 <!ENTITY viewImages.label               "View Image Permissions">
 <!ENTITY viewImages.accesskey           "p">
+<!ENTITY animLoopingTitle.label         "Animated images should loop:">
+<!ENTITY animLoopAsSpecified.label          "As many times as the image specifies">
+<!ENTITY animLoopAsSpecified.accesskey      "A">
+<!ENTITY animLoopOnce.label             "Once">
+<!ENTITY animLoopOnce.accesskey         "O">
+<!ENTITY animLoopNever.label            "Never">
+<!ENTITY animLoopNever.accesskey        "N">