martes, 15 de abril de 2014

Galería de imágenes con jQuery y Bootstrap ,pasar url de imágen para un formulario.



Con dificultades para encontrar un script,para mostrar imágenes y además seleccionarla para mandar la url a un textbox.

Pues me di a la tarea de desarrollar un pequeño script.

Pero para comenzar deben de descargar Bootstrap y jQuery

Así queda el resultado final




En el html que se va usar el código
<html>
<head>
 <title>Prueba Galeria</tittle>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/js/bootstrap.js" ></script>
<script src="/js/Galeria.js" ></script>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/basic.css" />
</head>
<body>
 <div class="contenedor">
     <div class="contenido">
    <a href="url_del_thumb" title="nombre_del_thumb">
            <img src="url_imagen_a_mostrar" alt="" /></a>
    </div>
     galeria.init('#url_imagen');
     <input type="text" id="url_imagen">
     <input type="button" onclick="galeria.showimages()" value="Elegir imagen">
</div>
</body>
</head>
</html>
basic.css
div.contenedor {
height: auto;

}
div.contenido {
height: auto;
margin: auto;
margin-left: 1em ;
display:inline-block;
vertical-align:top;
}
div.contenido img{
    height: 50px;
    width:  50px;
    outline-style:solid;
    outline-width: 2px;
}
Galeria.js

var galeria={
    images:new Array(),
    count:0,
    field:'none',
    select : function(){
        if(this.field!='none')
                      $(this.field).val(this.images[this.count]);
                      $("#preview").modal('hide');
                       $("#imgs-view").hide('slow');
                       $("#imgs-choose").show('slow');
    },
   showimages: function(){
        
         $("#imgs-view").hide('slow');
         $("#imgs-choose").hide('slow');
         $("#preview").modal('show');
    },
    show: function (countval){
                         $("#imgs").attr('src',this.images[countval]);
                         //$("#preview").modal('show');
                         $("#imgs-view").show('slow');
                         $("#imgs-choose").hide('slow');
                         this.count=countval;
     },
     init:function(field){
         this.field=field;
         var _images=this.images;
      
                          $("div.contenido a").each(function(){
                            
                             _images.push($(this).attr('href'));
                             $(this).attr('href',"javascript:galeria.show("+galeria.count+")");
                             galeria.count++;
                            
                          });
                         $("body").prepend('<div id="preview" class="modal hide fade in" style="display: none; "><div class="modal-header">'
                                                +'<a class="close" data-dismiss="modal">×</a>' 
                                                +'<h4>Vista Previa</h4>' 
                                            +'</div>' 
                                            +'<div class="modal-body">'
                                                +'<div id="imgs-choose">'
                                                +'</div>'  
                                                +'<div id="imgs-view">'
                                                +'<a href="#" class="btn btn-danger btn-small" id="anterior">&leftarrow;Anterior</a> '
                                                +'<a href="#" class="btn btn-danger btn-small" id="siguiente">Siguiente&rightarrow;</a> '
                                                +'<a href="#" class="btn btn-primary btn-small" id="previews">&swarhk;Ver Previstas</a> <br>'
                                                +'<img id="imgs" src=""><br>'
                                                +'<a href="javascript:galeria.select();" class="btn btn-success">Seleccionar imagen</a>' 
                                                +'</div>' 
                                            +'</div>' 
                                            +'<div class="modal-footer">'
                                         
                                            +'<a href="#" class="btn" data-dismiss="modal">Cerrar</a>'
                                            +'</div>'
                                            +'</div>');
                        $(".contenedor").clone().appendTo("#imgs-choose");
                        $('.contenedor').not(':first').hide();
                       
                        $("#imgs-view").hide();
                        $("#imgs-choose").show();
                                   
                       
                          galeria.count=0;
                         
                          $('#previews').click(function(){
                             $('#imgs-view').hide();
                             $('#imgs-choose').show('slow');
                          });
                         
                          $('#anterior').click(function(){
                              if(galeria.count>0){
                                  galeria.count--;
                              }
                                $("#imgs").attr('src',_images[galeria.count]);
                          });
                         
                           $('#siguiente').click(function(){
                              if(galeria.count<_images.length-1){
                                  galeria.count++;
                              }
                                $("#imgs").attr('src',_images[galeria.count]);
                          });     
           this.images=_images;
         
}
}; 

miércoles, 29 de enero de 2014

La filosofia de Nietzche y su influencia en mi pensar diario

Aún recuerdo cuando veía a este filósofo simplemente como el señor de los bigotes gruesos, algún día en un museo  lo ví y le dije a mi hermana, "me parece ser que ese filósofo es muy conocido lo he visto en películas como en Little Miss Sunshine , el chavo daltónico hace una pintura monocromática de el".

Ella respondió, pues es el filosofo de los Nazis.Me di a la tarea de buscar unos meses después, por que se decía eso.

Empecé a leer un librito  "Nietzsche para principiantes", en el que básicamente describen algo de su pensamiento pero sin profundizar mucho.

En el marco de la vida personal de Nietzsche cabe destacar que fue filólogo(Estudiaba origen de las palabras, significado etc).Esto dió lugar a una de sus obras más importantes que es “La genealogía de la Moral”, en donde hace una búsqueda de las palabras o adjetivos que se usan para denominar cuando el carácter de alguien resulta altruista “bueno”. Por ejemplo la palabra noble actualmente la ocupamos para denominar a alguien que es bondadoso, pero en realidad un noble es un monarca, rey emperador etc.

¿Y que tiene que ver, ser aristócrata con la palabra bondadoso?

Pues para ello hace un recorrido histórico, desde los filósofos clásicos y la antigua Grecia, donde aún no existía la moral cristiana que pregona la humildad, bondad, ascetismo etc.Lo que concluye es que la moral o los actos que estaba bien o mal eran juzgados por los aristócratas, era una moral muy cambiante.
Así como el honor en la batalla era un valor demasiado elevado, era un honor morir en la guerra o combatiendo.Por lo cual alguien podía ser designado como noble por ese exceso de valentía, catalogando a esa persona como alguien elevada espiritualmente o en carácter.

Describe a Sócrates como un precursor de la moral cristiana, al cual critica severamente.

Empezando a adentrarme más me encuentro con su postura sobre la moral Cristiana, que no es más que la moral de los esclavos para el.

¿Pero por qué la moral de esclavos?

Pues en ese tiempo los aristócratas eran los que mandaban y sometían, gracias a su poder bélico etc.A esto le llamo la voluntad de poder.En la moral judeo-cristiana, se dice es malo someter ,es malo pelear(cuando pelear era honor), es bueno sufrir para ser bien recompensados en el cielo.Convirtiendo la supremacía en un vicio o en algo “malo”. Esto era criticado por su filosofía haciendo énfasis en la vitalidad de los aristócratas y la decadencia de los resentidos o esclavos.

A partir de este pensamiento se dio un motor ideológico para sostener las ideas del Nacional Socialismo.Para unos fue mal interpretado por los Nazis y simplemente era un estado metafísico al que Federico hacía referencia.

Algunos de los valores Cristianos que criticaba que me llamó mucho la atención fueron:

-La compasión: Para él era querer evitar lo inevitable, por ejemplo el dar dinero a un méndigo, la lógica de esto viene de que en realidad, solo le das migajas, el dinero no lo va a sacar de la miseria.Solo estás alargando el sufrimiento y no estás quitando el problema de raíz.

-El ascetismo: La abstención a comer, beber y tener relaciones sexuales.Resulta una contradicción sobre la vida misma.

Cabe mencionar que a Cristo lo admiraba, pero las tergiversaciones del mismo cristianismo como institución, que manipula a las masas es lo que detestaba. Por hacer de los hombres esclavos, convirtiendo la mansedumbre y servidumbre en algo “bueno”.

Entonces mi cabeza empezó revolucionar y cuestionar todos esos valores supuestamente buenos y a partir de ahí empecé a sentir aversión por las personas dejadas, aquellas que prefieren dar lastima haciendo nada de su vida , que rebelarse contra lo que les tiene en ese estado de sometimiento.

Apartir del dionisismo que habla Nietzsche empecé a reflexionar sobre la sexualidad .Me cuestione si realmente era malo tener atracción sexual hacia varias personas a la vez, lo cual me ayudó a comprender que en un momento dado que pase por una crisis de adulterio, no hay responsables sino es parte de la misma naturaleza humana.La monogamia es parte de un ritual Judeo-Cristiano meramente.Ningún animal es completamente monógamo en este mundo, por más que ames a una persona te atraerán otras.Por lo que siempre hay que tener una buena comunicación con ellas para evitar lastimarlas.

En breve sin decir más, me hizo entender la naturaleza misma de la humanidad.Y la pulsión de vida y muerte de la que hablaba Freud.

Microsoft compra Xamarin para expandir su imperio

Microsoft  no solo quiere correr software en Windows y su adquisición hace posible su objetivo.Hoy Microsoft anuncia la compra de Xamarin u...