title: I need to make a plugin that will take effect the user chooses
body: <p>I am developing a jquery plugin and the problem I have is that when trying to pass settings, works with two of the three options I try to set. When I want to pass the "fadeIn" effect does not display me anything and stops working. This is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// JavaScript Document
  jQuery.fn.slider = function(opciones) {
  
    var configuracion = {
      efecto: "fadeIn",
      velocidadEfecto: 1000,
      tiempoPausa: 3000
    }
  
    jQuery.extend(configuracion, opciones);
  
    this.each(function() {
      elem = $(this);
      elem.find('div:gt(0)').hide();
  
      //$('#imagenes div:gt(0)').hide();
      setInterval(function() {
        elem.find('div:first-child').fadeOut(0)
          .next('div')[configuracion.efecto](configuracion.velocidadEfecto)
          .end().appendTo('#imagenes');
      }, configuracion.tiempoPausa);
  
    });
  
  
  
  
    return this;
  };</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#imagenes {
    width: 200px;
    height: 200px;
    border: 1px solid grey;
    position: relative;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Documento sin título&lt;/title&gt;
  
    &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
        $("#imagenes").slider({
          efecto: "slideUp",
          velocidadEfecto: 2000,
          tiempoPausa: 4000
        })
      });
    &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h2&gt;Slider&lt;/h2&gt;
    &lt;div id="imagenes"&gt;
      &lt;div&gt;
        &lt;img src="http://www.bizreport.com/2011/02/03/android-logo-200x200.jpg" id="foto1" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img src="http://davidnaylor.org/temp/firefox-logo-200x200.png" id="foto2" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img src="http://tech21info.com/admin/wp-content/uploads/2013/03/chrome-logo-200x200.png" id="foto3" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I don't understand why "<strong>slideUp</strong>" effect not working. Thank you!</p>
  
  <p>Regards! :-)</p>