sábado, 19 de julio de 2014

¿Existe, la posibilidad de una tercera Guerra Mundial?





En la actual crisis económica en EE.UU y Europa, algunos analistas politicos creen que está en marcha la posibilidad existente de una amenaza de una guerra global, como la mejor manera de salir de ésta crisis, producida por valores ideológicos politicos que afectan la economía de los EE.UU en las cuáles se persiguen pasiones individuales de poder.
En un reciente informe político de la CIA sobre algunas tendencias para el desarrollo mundial previsto hasta el año 2030 se proponía un escenario de consolidar al mundo con la creación de un gobierno global, y para ello algunos observadores y analistas estadounidenses sugieren una agitación global de guerra no convencional sino nuclear para tener víctimas masivas, para reducir la brecha social de la población mundial y ello permitirá equilibrar la situación económica.
En la actualidad el 2% de la población estadounidense controla el 45% del capital financiero del país, mientras que el 83% de sus habitantes tienen acceso a tan solo un 7% de ése capital. Si el planeamiento ya estaría y sería la salida a ésta crisis con un conflicto militar, ya existirían inversiones que apostarían para ello por parte de la industria y las empresas tecnológicas, así como ocurrió en la industria en la Segunda guerra mundial.
El futuro de una guerra global sería manejada por tecnología y la robótica con destrucción masiva humana salvaguardando el Medio Ambiente natural y edilicios, pero a su vez existirá un control exahustivo de los recursos naturales energéticos en el planeta.
Aunque ésto suene duro como intención, la realidad fue que en la Segunda guerra mundial el mundo consiguió salir de su crisis económica con mayor desarrollo y actividad pujante con nuevas tecnologías, en un escenario de crisis parecido al actual, pero la diferencia a futuro sería que de aquí en más se establecería un nuevo "modelo global de gobierno".
Bancor sería el nuevo modelo de gobierno global y estará controlado por la comunicaciones que tendrán una red de conección directa con los presidentes de todos los países en el mundo para tomar decisiones inmediatas. ver nota:(Bancor sería un nuevo órden mundial con moneda única.
Con el acentuado crecimiento poblacional femenino mundial, la maternidad subrogada o asistida in vitro que permite tener un hijo a aquellos que no pueden por via normal plantea ser parte de una población creciente, en desmedro del control natal por lo que se estima que para el 2040 superar los 10.000 millones de habitantes en el mundo, más aún si China será la potencia mundial económica en los próximos años. 


Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!
 
Sígueme en Twitter

Sígueme en FaceBook



Lecturas Relacionadas

131 aplicaciones útiles para Facebook

Llevo ya bastante tiempo recopilando con aplicaciones que he ido encontrado por la web, clasificadas por temas y con mis comentarios. Espero que os sean útiles!

Os agradecería que si veis que falta alguna aplicación interesante, me lo hicierais saber para poder incluirla y completar así el listado.

Aplicaciones para crear páginas de bienvenida (landing pages):


    Pagemodo: http://www.pagemodo.com/ Para crear páginas personalizadas de bienvenida (es de pago, aunque puedes crear una página gratuita)
    Static FBML: http://www.facebook.com/apps/application.php?id=4949752878&ref=search&sid=18907434.917803787..1 Para crear páginas personalizadas de bienvenida. Ahora ya no funciona para crear nuevas páginas, solo para quienes tienen creada ya landing page con ella,
    Tabsite: http://www.tabsite.com/ Para crear páginas personalizadas de bienvenida (tiene una versión gratuita y 3 de pago)
    Iwipa: http://www.facebook.com/iwipa?sk=app_191494420889273 Para crear páginas personalizadas de bienvenida en html, iframe FBML...
    Free Fan Page templates: http://www.facebook.com/freefanpagetemplates Para crear páginas de bienvenida
    My Stuff: http://www.facebook.com/apps/application.php?id=2352149512 Te permite además insertar contenido multimedia en flash (Procedente de vimeo, Issuu, o Ivoox)
    Tradable bits-HTML: http://apps.facebook.com/tradablebits/ Te permite crearlo con CSS, Javascript o html
    Easy html: http://www.trisocial.com/alternativa-a-la-aplicacion-facebook-static-fbml/ Ésta te permite además utilizar un enlace externo en lugar de código html
    iFrame App: http://iframes.wildfireapp.com/ Crear landing pages con iframe
    Splashtab: http://www.splashtab.com/ Varias modalidades de uso, con coste mensual
    North social: http://northsocial.com/ Conjunto de aplicaciones que te permite crear tu landingpage y dotar tu página de contenido, creando campañas promocionales. Es gratis para una página
    Welcome tab: http://apps.facebook.com/welcometab/
    Static520: http://www.static520.com/ Para crear landing page a través de templates de FBML
    Extended info: http://www.facebook.com/extendedinfo?b
    PeopleBrows: http://www.peoplebrowsr.com/FanPage Para crear fan page, y además, monitorizar la actividad, analizar audiencia, crear promociones...

Aplicaciones para integrar contenido sindicado (blogger, wordpress, tumblr, posterous...):


    Networkedblogs: http://es-es.facebook.com/networkedblogs?id=9953271133&v=app_6261817190&x=60 Introducir Blog en FB
    Blog RSS feed reader http://www.facebook.com/apps/application.php?id=5315590686 Integrar RSS de blogs
    RSS Graffittu http://www.facebook.com/RSS.Graffiti Integrar RSS de blogs
    Social RSS http://www.facebook.com/apps/application.php?id=23798139265
    Simplaris Blogcast http://www.facebook.com/apps/application.php?id=8950485970 Para integrar tu blog. Parece que nunca pasó de la versión beta
    Blog http://www.facebook.com/apps/application.php?id=8826748878
    Tumblr tab http://www.facebook.com/tumblrtab Crea una pestaña con tu tumblr
    Posteroustab http://www.facebook.com/posteroustab Crea una pestaña con tu posterous
    Blogger tab http://www.facebook.com/bloggertab Crea una pestaña con tu blog de blogger
    Wordpress tab http://www.facebook.com/wordpresstab Crea una pestaña con tu blog de wordpress

Aplicaciones para crear sorteos, promociones, encuestas...:


    Sortea2.com www.sortea2.com Para realizar sorteos
    Vitrue http://vitrue.com Para crear promociones. También es muy útil para gestionar comentarios, enviar mensajes a tus fans…
    Wilde Fire App www.wildfireapp.com Para crear cupones, promociones,
    FanAppz http://www.facebook.com/FanAppz Para crearencuestas, sorteos, promociones y cupones
    Poll http://www.facebook.com/OpinionPolls?v=info Para crear encuestas
    Promotions http://www.facebook.com/apps/application.php?id=48008362724 Para hacer promociones y sorteos
    Mi encuesta http://www.facebook.com/mi.encuesta Para crear encuestas entre los seguidores de tus páginas
    Little promo http://www.trisocial.com/aplicacion-facebook-little-promo/ Sorteos o promociones para tus fans
    Easypromos http://www.facebook.com/easypromos?sk=app_197819613580609 La más sencilla
    Votigo http://www.votigo.com/corp/solutions/index.php Para crear encuestas y promociones
    Strutta http://www.strutta.com/ Para crear promociones

Aplicaciones para crear tiendas online:

    Carttini http://www.carttini.com/blog/ Te permite vender tus productos a través de su página de venta gratis
    VendingBox http://www.vendingbox.net/ Creas tu tienda gratis, y pagas comisión por venta
    InfusedCommerce http://www.infusedcommerce.com/ Crear tienda en nuestra página de pago
    Shopping Mall by Payvment http://www.facebook.com/payvment Permite crear una plataforma de venta online con pasarela de pago a través de PayPal.
    Shop tab http://www.shoptab.net/ Para crear una pestaña con nuestra tienda online. Tiene coste mensual
    Ecwis Shop http://apps.facebook.com/ecwid-shop/ Para crear tu tienda en facebook gratis
    Vendor shop Shopping cart http://www.facebook.com/Vendorshop También gratuita
    Beetailer https://www.beetailer.com/ Tiene una versión gratuita y varias opciones premium
    Owjo http://www.facebook.com/OWJO?v=app_4949752878 No tiene coste de configuración ni de suscripción


Aplicaciones de video y chat:

    Justin.tv http://es.justin.tv/ Para hacer streaming
    Vpype http://vpype.com/ Instalar videoconferencia en tu página
    EnlaceClobby http://www.clobby.com/ Crear una pestaña de chat
    Youtube Channel http://www.facebook.com/apps/application.php?id=158587972131 Para publicar videos de youtube
    Youtube video box http://www.facebook.com/ytvideobox Para publicar videos de youtube
    Vimeo tab http://www.facebook.com/vimeotab?v=app_111631355560804 Solo permite integrar las cuentas Plus de vimeo. Si eres usuario gratuito, olvídate
    Blip.tv http://www.facebook.com/bliptvtab Integra tus videos de Blip.tv
    Livestream tab http://www.facebook.com/livestreamtab Para incluir videos livestream en una pestaña como si fuera un canal en vivo
    Viddler http://www.facebook.com/apps/application.php?id=9111310966 Para incluir los videos de tu cuenta en Viddler
    Ustream http://www.facebook.com/apps/application.php?id=123875465478 Para hacer streaming
    Linqtolive http://www.facebook.com/apps/application.php?id=164243814426 Crea un entorno para videoconferencias, webinars, foros…


Aplicaciones para audio:

    Music Player APP http://www.facebook.com/MusicPlayerApp Para publicar audio en mp3


Aplicaciones para incluir fotografías:

    Flickr on fan page http://www.facebook.com/FlickrOnFanPage Pestaña con tu flickr
    Flickr search tab http://www.facebook.com/flickrsearchtab?v=app_127187324017842 Si no quieres incluir tu flickr completo, puedes crear una pestaña solo con aquellas imágenes cuyos criterios definas en tu búsqueda
    Picasssa tab http://www.facebook.com/picasatabapp Incluir tu página de picasa como una pestaña


Aplicaciones para compartir archivos:

    Files for pages http://www.facebook.com/apps/application.php?id=72880082540 Integrar archivos multimedia, mp3, videos…
    Scribd for pages http://www.facebook.com/ScribdApp Para incluir documentos en varios formatos: Doc,. Xls Ppt . Txt,. Jpg…
    Scribd for pages 2 http://www.facebook.com/apps/application.php?id=74811623735 Nueva versión
    Divshare http://www.facebook.com/apps/application.php?id=3188705211&ref=ts Para enviar y compartir archivos (documentos, videos, fotos, mp3…)
    Reproductor de flash http://www.facebook.com/apps/application.php?id=4863858535
    Posted items pro http://www.facebook.com/apps/application.php?id=2761091815&ref=pr Permite compartir en una pestaña de "favoritos" diverso contenido, desde video, mp3, widgests…

Aplicaciones para incluir formularios de contacto:


    Contact Form http://www.facebook.com/contact.form Paracrear una pestaña con un formulario personalizado de contacto
    ContactMe http://apps.facebook.com/contactme_tab/ Para instalar un formulario de contacto. Muy sencilla de usar
    Response o Matic http://www.response-o-matic.com/ Para instalar un formulario de contacto en una pestaña de FBML

Aplicaciones para integrar twitter:


    Twitter for pages http://www.facebook.com/apps/application.php?id=214202565451 Pestaña con tus últimos tweets
    Social Tweet http://www.facebook.com/apps/application.php?id=111757625714 Igual que la anterior, permite crear una pestaña con tu tl
    Tweetpo http://tweetpo.st/ Permite integrar twitter, pero "traduciendo" el lenguaje (cambia @mariadeandres por "Maria de Andrés" por ejemplo)
    Tweet tab pro http://www.facebook.com/twittertabpro?sk=app_170620549648424 Además de integrar twitter, te permite gestionar varias páginas de fb en su versión Pro
    Twitter list tab http://www.facebook.com/twitterlisttab?sk=info Crea una pestaña con listas de twitter
    Selective tweets http://www.facebook.com/selectivetwitter Esta aplicación permite que aparezcan en nuestra página los tweets de nuestro perfil de twitter que queramos, solo colocando #fb después de nuestros tweets
    Twitter http://www.facebook.com/twitter/ Para que nuestro contenido de Facebook se publique en twitter


Aplicaciones para integrar otras redes:

    Play Foursquare http://apps.facebook.com/playfoursquare/?ref=ts Para integrar Foursquare
    My linkedin profile http://www.facebook.com/apps/application.php?id=6394109615 Pestaña con tu perfil de Linkedin
    Google Maps http://www.facebook.com/MapsOnFanpage Activa geolocalización a tu página
    Slideshare http://www.facebook.com/apps/application.php?id=2490221586
    Web Profiles http://www.facebook.com/apps/application.php?id=19403784656 Te permite incluir tus perfiles de otras redes sociales
    Instagram http://www.facebook.com/instagramtab?sk=app_144127705682285 Para integrar el feed de tu instagram
    Google + tab http://www.facebook.com/googleptab Crea una pestaña con tu stream de google +

Otras aplicaciones para añadir valor (eventos, foros, newsletters...):


    Eventbrite http://www.facebook.com/apps/application.php?id=28218816837&v=info&ref=appd Para crear una ficha de tu evento e incluso vender entradas
    My top fans http://www.facebook.com/apps/application.php?id=28218816837&v=info&ref=appd Incluye un cuadro con los usuarios más activos
    Fan of the week http://apps.facebook.com/fanofthe/ Para identificar el usuario más activo y semanalmente publica en el muro quién lo es
    Mail Chimp http://apps.facebook.com/mailchimp/ Permite publicar tu última newsletter en tu página
    Constant Contact Labs - Join My Mailing List http://www.facebook.com/ctctjmml Permite a tus fans que se inscriban para recibir tu newsletter
    Forum for pages https://www.facebook.com/apps/application.php?id=202980683107053 Para crear foros de debate
    Add a link http://www.facebook.com/add.a.link Para crear una pestaña que enlaza externamente con tu página web
    Page Maps http://www.facebook.com/apps/application.php?id=19582321008&v=info Integrar mapas personalizados
    FAQ Page http://www.facebook.com/faqpage Para crear una pestaña de preguntas frecuentes
    My countdowns http://www.facebook.com/mycountdowns Para incluir calendarios de cuenta atrás (para un evento, un lanzamiento…)
    Opiniones http://www.facebook.com/apps/application.php?id=6261817190 Para que los fans dejen sus opiniones. Puede ser muy útil pero es peligrosa si tienes muchos detractores o trolls, ya que la app no te permite borrar ningun comentario…
    Schedulicity http://www.schedulicity.com/Essentials/Facebook.aspx Aplicación a modo de agenda, para cerrar reuniones a través de fb. Necesitas tener una cuenta en Schedulicity
    Genbook BookNow! Application http://www.facebook.com/apps/application.php?id=117955514916314 Igual a la anterior, pero con cuenta de Genbook
    Facebook Notes http://www.facebook.com/apps/application.php?id=2347471856 Para compartir contenido más amplio (del estilo de entradas de blogs)

Aplicaciones para realizar la gestión completa:


    Involver http://www.involver.com/applications/ En función de la versión que utilices (Gratis, premium…) Te permite integrar todo lo que publiques en otras redes, incluir video, chat, foto, hacer encuestas, vender online, compartir pdf...
    Thrusocial http://thrusocial.com/ Sencilla de usar. Permite crear páginas y promocionarlas, a través de sencillos pasos. Puedes crear una página de forma gratuita, y a partir de ahí, es de pago. En las versiones de pago puedes incluir numerosos agregadores de contenido, formularios, mapas, blogs...
    Cooltabs http://cool-tabs.com/ Personalizar páginas, crear concursos, integrar blogs, integrar twitter, mapas, videos, formulario de contacto..
    wix http://www.wix.com/flash_websites/fb_102 Para crear fanpage customizadas a través de unos sencillos pasos. Gratis
    Fan Page engine http://fanpageengine.com/newfpe/ De pago. Cuenta con templates, modulos de diseño…
    Fan Page in a box https://fanpageinabox.com/ De pago. Cuenta con templates, modulos de diseño…
    Tab site http://www.tabsite.com/ De pago.
    Fan Page Themes http://fanpagethemes.com/ De pago
    Face ir Pages http://www.faceitpages.com/ Desde crear la landing page hasta incluir aplicaciones, ver estadísticas…
    Friend2Friend http://www.friend2friend.com/what-we-do/facebook-campaigns/ Permite desde crear páginas hasta generar campañas en facebook
    ShortStack http://www.shortstack.com/ Diseñar páginas e incluir aplicaciones. Versiones gratuitas y de pago
    Avenue Social http://www.avenuesocial.com/ desde crear páginas, hasta crear aplicaciones
    Mediafeedia http://www.facebook.com/mediafeedia Es gratuito y permite gestionar varias cuentas de facebook, configurar administradors, programar publicaciones...
    Conversocial http://www.conversocial.com/hello Además de ofrecer métodos para promover la participación, cuenta con herramientas de gestión de comentarios muy utiles cuando se trata de gestionar páginas con mucha conversación. También son buenas sus herramientas de análisis
    Sysomos Facebook Page Central http://www.sysomos.com/products/facebook-page-central/ Ofrece automoderación, notificaciones por correo electrónico, herramientas de análisis…

Aplicaciones curiosas por tipo de negocio:


    Menutab http://www.facebook.com/menutab Si tienes un restaurante, esta app te permite incluir tu menú
    Folio Tab http://www.facebook.com/foliotab Para diseñadores, fotógragos.. (u otro tipo de artistas) Permite crear en una pestaña una especie de página web personalizada con su porfolio
    Band Profile http://www.facebook.com/rn.mybandapp Más que una aplicación es una nuevo forma de crear un perfil para grupos profesionales (o aficionados), que permite compartir canciones, descargarlas, venderlas, etc.
    iTunes tab http://www.facebook.com/itunestab?v=app_132173876824108 También para músicos. Permite integrar en la página de facebook los álbumes, canciones o videos de itunes, enlazados de forma que permiten la compra rápida

Clientes de Facebook:


    PostCron http://postcron.com/ Programar publicaciones. A las agencias de PR les permite poner "publicado por" el nombre de la empresa, en lugar de a través de "postcron"
    Tweetdeck http://www.tweetdeck.com/desktop/ Aplicación de escritorio
    Hootsuite http://hootsuite.com Web y Móvil, para la gestión de twitter, fb, lnkedin.. Permite que una misma cuenta sea gestionada por varias personas y programar el contenido
    Seesmic http://seesmic.com/
    Cotweet http://cotweet.com/
    Gwiber http://gwibber.com/ Cliente para Linux (también para facebook y más)
    Twentyfeet https://www.twentyfeet.com/ Para twitter, fb, youtube y bit.ly
    Media Funnel http://mediafunnel.com/ Permite que una misma cuenta sea gestionada por varias personas
    Objetctive Marketeer http://objectivemarketer.com/ Multicanal, De pago.Permite crear campañas y medir el efecto de los textos

Aplicaciones para monitorización y análisis:


    Hyperalerts http://www.hyperalerts.no/ Para monitorizar diferentes páginas en facebook. Envía alertas cuando hay comentarios en ellas
    FanGager http://www.facebook.com/FanGager?v=app_165613243449672&sk=app_165613243449672 Para identificar ususarios más activos
    Pagelever http://pagelever.com/ Ofrece estadísticas de tu página de fb, procedencia de tus fans, qué publicaciones funcionan mejor… Bastante completo
    Buddymedia http://buddymedia.com/products/analytics Realiza análisis bastante completos. En Buddymedia además puedes hacer otras cosas como crear encuestas, promociones…
  Nutshellmail. http://www.facebook.com/NutshellMail Te envía un resumen por email de la actividad de tupágina de fb
 Fboostic http://www.facebook.com/apps/application.php?id=107168244389 Permite analizar cómo funcionan tus aplicaciones en facebook



Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!
 
Sígueme en Twitter

Sígueme en FaceBook


Lecturas Relacionadas

 

viernes, 18 de julio de 2014

El slider jQuery más sencillo

Posiblemente el slider jQuery más sencillo

¿Tenéis jQuery en vuestro blog y espacio para insertar 10 líneas de código? Sí la respuesta es afirmativa y además queréis tener un carrusel de imágenes automático, este es el código más simple que he visto hasta la fecha y seguro que no hay otro que lo sea mucho más. Si acaso con algún que otro carácter menos, pero pocos, pocos menos.
Ese código que después veremos y una sucesión de imágenes simples metidas dentro de una caja, con un contenedor general común, nos daría este resultado:






1. Instalación JavaScript necesario


Por empezar desde cero, si no tenemos jQuery primero añadimos esta línea justo después de }]]></b:skin> para cargar esta conocida librería:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>

Una vez seguros de que tenemos la librería en nuestra plantilla, a continuación de esa misma línea añadimos lo que hace que la serie de imágenes funcionen como slider:


<script type="text/javascript">//<![CDATA[
$(function(){
    $('#slider div:gt(0)').hide();
    setInterval(function(){
      $('#slider div:first-child').fadeOut(0)
         .next('div').fadeIn(1000)
         .end().appendTo('#slider');}, 4000);
});
//]]></script>

Podemos guardar los cambios en la plantilla porque eso es todo. Es simple pero veréis que funciona y hace lo que tiene que hacer. Ahora ya sólo tenemos que poner las imágenes dónde queremos que aparezcan, de la manera que veremos a continuación.


2. Crear el slider


Con esto anterior en nuestra plantilla (aunque nada impide ponerlo directamente en un gadget, en una página o incluso en una entrada como veis aquí) ya podremos crear un visor como el que habéis visto arriba. Sólo tenemos que usar esta estructura HTML para añadir las imágenes:


<div id="slider">
    <div><img src="URL_IMAGEN1"/></div>
    <div><img src="URL_IMAGEN1"/></div>
    <div><img src="URL_IMAGEN1"/></div>
</div>


No sé cómo lo veis pero ya está todo lo necesario.

Para mí esto es bastante ligero y eficiente, mucho más que la mayoría de librerías que se usan quizás demasiado habitualmente.



Ajustes


Los tres últimos números del plugin permiten ajustar algunas cosillas. Todos van expresados en milisegundos (4000 = 4 segundos)


  • fadeOut(0): Tiempo en desaparecer la imagen saliente
  • fadeIn(1000): Tiempo en aparecer la imagen entrante
  • ('#slider');},4000): Tiempo de permanencia de cada imagen



Cómo funciona


Y para los curiosos que quieren aprender cosas...

$('#slider div:gt(0)').hide();
Con gt(x) seleccionamos todos los div a partir del número x. En este caso 0 es el primero, así que lo que hacemos con esta línea es esconder (hide) todas las cajas excepto la primera, que será la imagen inicialmente visible.

setInterval(function(){ [lo que haremos] }, 4000);
Necesitamos reiterar una serie de cosas cada cierto tiempo y eso lo hacemos con setInterval, indicando el tiempo de retardo entre cada serie.

$('#slider div:first-child').fadeOut(0)
Dentro de cada uno de esos intervalos hacemos desaparecer (fadeOut) la primera caja (div:first-child) que haya en la relación de imágenes...

.next('div').fadeIn(1000)
... y hacemos que la siguiente caja (next) aparezca poco a poco (fadeIn).

.end().appendTo('#slider');
Por último tomamos la que hasta ese momento es la primera imagen y la situamos al final (appendTo) de la "lista".

end() resetea el contador de elementos que hicimos avanzar con next(). De esa manera, el primer hijo que antes hicimos desaparecer es el que enviamos al final de la pila y no la imagen que ahora tenemos visible. Para el siguiente ciclo la que hasta este momento era visible (que era la segunda) será la primera y por tanto la que haremos desaparecer.
Referencias sobre las funciones usadas:




Variantes y personalización


Como habéis visto no es necesario CSS para que el slider funcione, pero si lo usamos podremos cambiar su aspecto, permitir el uso de imágenes de diferente tamaño, incluir rótulos e incluso mejorar la transición. A continuación algunas ideas.


No sabe hablar, pero se fija mucho
Buscando a Nemo

Limitar el tamaño del contenedor general y evitar el desbordamiento para que las imágenes más grandes no ocupen más espacio. Y ya que estamos le ponemos unas esquinas redondeadas, un borde y lo centramos. El position:relative nos vendrá bien para otra cosa que haremos después.


#slider {
position: relative;
overflow: hidden;
width: 500px;
height: 300px;
border:10px solid #333;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}

Si situamos las cajas padre de las imágenes de manera absoluta con respecto al contenedor general (para eso pusimos antes el relative), estas se dispondrán solapadas una encima de otra. De esta manera al fadeOut le podremos dar un tiempo para que sea "visible" (hemos cambiado el 0 por un 1000) y la transición entre imágenes más suave. Es esa mezcla de imágenes que se produce en la segunda demo.

En las imágenes, el max-width nos sirve para que siempre ocupen todo el ancho y el min-height para que aunque sean deformadas, no se nos quede hueco por debajo cuando sean de menos de 300px de alto.


#slider > div {
position:absolute;
top:0;
left:0;
}
#slider img {
width:100%;
min-height:300px;
margin:0;
padding:0;
border:0;
}

Y ya si queremos añadir otros elementos sobre las imágenes (en este ejemplo un texto), sólo tendremos que etiquetarlos con un span o como párrafo (p) y en el CSS posicionarlos de manera absoluta, ubicándolos en el lugar exacto dónde queramos con top/bottom - left/right.


#slider p {
position: absolute;
bottom: 30px;
left: 0;
display: block;
width: 400px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: #990000;
font-size: 22px;
line-height:22px;
text-align:center;
}

El marcado en el HTML para esto último, incluyendo además un enlace sobre la imagen, sería tal que así:


<div id="slider">
<div><a href="URL_ENLACE1"><img src="URL_IMAGEN1" /></a><p>TEXTO1</p></div>
<div><a href="URL_ENLACE2"><img src="URL_IMAGEN2" /></a><p>TEXTO2</p></div>
<div><a href="URL_ENLACE3"><img src="URL_IMAGEN3" /></a><p>TEXTO3</p></div>
</div>