Merge pull request #45 from N-Shar-ma/added-display-captions-option

jsanahuja · Nov 5, 2020 · 4a5f593 · 4a5f593
2 parents 8284950 + a460c69
commit 4a5f593
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 10 deletions.
diff --git a/dist/InstagramFeed.min.js b/dist/InstagramFeed.min.js
diff --git a/index.html b/index.html
@@ -209,6 +209,14 @@ <h3>Options</h3>
                         <td><code>true</code></td>
                         <td>Enables displaying the gallery</td>
                     </tr>
+                    <tr>
+                        <td class="d-flex flex-wrap">
+                            <code class="text-bold flex-grow-1">display_captions</code>
+                        </td>
+                        <td><em>Boolean</em></td>
+                        <td><code>false</code></td>
+                        <td>Enables displaying captions for each post as overlay on hover</td>
+                    </tr>
                     <tr>
                         <td class="d-flex flex-wrap">
                             <code class="text-bold flex-grow-1">display_igtv</code>
@@ -341,6 +349,7 @@ <h3>Example 1: Default feed styling</h3>
             'display_profile': true,
             'display_biography': true,
             'display_gallery': true,
+            'display_captions': true,
             'callback': null,
             'styling': true,
             'items': 8,
@@ -370,6 +379,7 @@ <h3>Example 2: Only want images?</h3>
             'display_profile': false,
             'display_biography': false,
             'display_gallery': true,
+            'display_captions': false,
             'callback': null,
             'styling': true,
             'items': 8,
@@ -397,6 +407,7 @@ <h3>Example 3: Want to load more or change the display?</h3>
             'display_profile': false,
             'display_biography': false,
             'display_gallery': true,
+            'display_captions': false,
             'callback': null,
             'styling': true,
             'items': 12,
@@ -423,6 +434,7 @@ <h3>Example 4: Want to fetch a TAG?</h3>
             'container': document.getElementById("instagram-feed4"),
             'display_profile': true,
             'display_gallery': true,
+            'display_captions': true,
             'items': 100,
             'items_per_row': 5,
             'margin': 0.5
@@ -448,6 +460,7 @@ <h3>Example 5: Want to display IGTV?</h3>
             'display_profile': false,
             'display_biography': false,
             'display_gallery': false,
+            'display_captions': false,
             'display_igtv': true,
             'callback': null,
             'styling': true,
@@ -496,6 +509,7 @@ <h3>Example 6: Don't like our styles at all?</h3>
             'display_profile': true,
             'display_biography': true,
             'display_gallery': true,
+            'display_captions': false,
             'display_igtv': true,
             'callback': null,
             'styling': false,
@@ -552,6 +566,7 @@ <h3>Example 8: AMD (Asynchronous module definition)</h3>
             'display_profile': true,
             'display_biography': true,
             'display_gallery': true,
+            'display_captions': true,
             'get_raw_json': false,
             'callback': null,
             'styling': true,
@@ -593,6 +608,7 @@ <h3 class="text-white">Still not enough?</h3>
                 'display_profile': true,
                 'display_biography': true,
                 'display_gallery': true,
+                'display_captions': true,
                 'callback': null,
                 'styling': true,
                 'items': 8,
@@ -608,6 +624,7 @@ <h3 class="text-white">Still not enough?</h3>
                 'display_profile': false,
                 'display_biography': false,
                 'display_gallery': true,
+                'display_captions': false,
                 'callback': null,
                 'styling': true,
                 'items': 8,
@@ -620,6 +637,7 @@ <h3 class="text-white">Still not enough?</h3>
                 'display_profile': false,
                 'display_biography': false,
                 'display_gallery': true,
+                'display_captions': false,
                 'callback': null,
                 'styling': true,
                 'items': 12,
@@ -631,6 +649,7 @@ <h3 class="text-white">Still not enough?</h3>
                 'container': document.getElementById("instagram-feed4"),
                 'display_profile': true,
                 'display_gallery': true,
+                'display_captions': true,
                 'items': 100,
                 'items_per_row': 5,
                 'margin': 0.5
@@ -641,6 +660,7 @@ <h3 class="text-white">Still not enough?</h3>
                 'display_profile': false,
                 'display_biography': false,
                 'display_gallery': false,
+                'display_captions': false,
                 'display_igtv': true,
                 'callback': null,
                 'styling': true,

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
     "name": "@jsanahuja/instagramfeed",
     "description": "Instagram Feed without access token. Not using the Instagram API",
     "homepage": "https://github.com/jsanahuja/InstagramFeed",
-    "version": "1.4.0",
+    "version": "1.5.0",
     "keywords": [
         "instagram",
         "feed",