Updating code with default values.

sunil-samuel · sunil-samuel · commit 7230e2f32a17 · 2020-11-12T23:48:52.000-05:00
diff --git a/README.md b/README.md
@@ -1,3 +1,12 @@
+<p align='right'>
+<small>Sunil Samuel<br>
+web_github@sunilsamuel.com<br>
+http://www.sunilsamuel.com<br>
+https://sunil-samuel.github.io/#jquery-rbs
+</small>
+</p>
+
+
 # jquery-responsive-background-slideshow
 
 **JQuery Responsive Background Slideshow** :: Slideshow for the background using JQuery animation
@@ -8,16 +17,40 @@ JQuery plugin that can create a background slideshow.  This plugin works differe
 
 ```javascript
 <script type="text/javascript">
-	$(function() {
-		$(".bg").bgSlideShow();
-	});
+  $(function() {
+    $(".bg").bgSlideShow();
+  });
 </script>
 
 <body>
-	<div class=".bg">Hello</div>
+  <div class=".bg">Hello</div>
 </body>
 ```
 
+Complete option usage:
+
+```javascript
+<script type="text/javascript">
+  $(function () {
+    $(".bg").bgSlideShow({
+      current : 0,
+      images : ["../gfx/first.png", "../gfx/second.png"],
+      transitionDelay : 5000, // 5 seconds
+      transitionSpeed : 3000, // 3 seconds
+      transitionEffect : 'fade-in',
+      randomize : false, 
+      initialBackground : 'random',
+      debug : true,
+      eventHandlers : {
+        beforeInit: myBeforeInitFunc,
+        afterInit: myAfterInitFunc,
+        beforeChange : myBeforeChangeFunc,
+        afterChange : myAfterChangeFunc
+       }
+    });
+  });
+</script>
+```
 
 ## Examples
 
@@ -46,8 +79,9 @@ $(function () {
 <div class='bg' data-transitionSpeed=5000>content<div>
 ```
 	
-> **current ** or **data-current** (default: 0)
+>  **current ** or **data-current** (default: 0)
 >> Given the list of images, current defines which image to use first.  If `randomize` is set to 	`true`, then current is not used.
->>> <div data-current=0>content</div>
+>> <div data-current=0>content</div>
 
-> **image** 
+>  **images** or **data-images** (default: [])
+>>  List of images to use to create the background slideshow.
diff --git a/src/jquery-bg-slideshow.js b/src/jquery-bg-slideshow.js
@@ -50,7 +50,7 @@
 			// If the initial image should also be rendered by this plugin
 			// if null - then do not do anything for the first image
 			// if a number or 'random' or an image url - then use the appropriate image
-			initialBackground: "random",
+			initialBackground: null,
 			// Print console.log debug messages for debug purposes
 			debug: false,
 			// Event handlers for different events
@@ -62,7 +62,7 @@
 				// Event before the existing image is replaced
 				beforeChange: null,
 				// Event after the existing image is replaced
-				afterChangeEvent: null
+				afterChange: null
 			}
 		}, options);
 
