Hace poco, iba a empezar mi portafolio para mostrar mis trabajos/paginas, entonces me puse a pensar... "Necesito un slider y el tooltips" pues bien, tengo como proyecto hacer algo parecido a la siguiente img:


Bueno, empiezo presentando el slider(si no lo logro y a alguien le gusto la idea y lo logra, estaré muy agradecido si me pasan el code o una explicación basta :P)

Accessible News Slider, esta hecho en jquery y aquí están unos datos técnicos:



Para cambiar el contenido del demo, por si no quieren hacer el html desde cero, simplemente buscan los

<li> </li>

Su contenido es cada recuerdo y pueden agregarle los que deseen.

Cambien podrían quitar el aviso de que se tiene desactivado javascript en el browser. Solo borren:

<p class="javascript_css">

		<strong>Please Note:</strong> You may have disabled JavaScript and/or CSS. Although this news content will be accessible, certain functionality is unavailable.

	</p>

Por ultimo, si quieren ponerlo como en mi demo (cubriendo todo el ancho de el chrome) solo deben modificar el .css, en el apartado de

.candy_coated  {

	width: 600px;

	border-bottom: 2px solid #ccc;

	margin: 0 0 32px 60px;

}

y lo cambiar asi:

.candy_coated  {

	width: auto;

	border-bottom: 2px solid #ccc;

	margin: 0 0 32px 60px;

}

Como vemos, solo cambiamos el valor de width de 600px a auto.

Para mas datos, consultar la pagina del script(al final del articulo)

Descargar

Demo oficial

Demo mio(donde estare modificandolo y fusionarlo junto con el tooltips)

Bueno, eso es todo por ahora, en unos pocos días, presentare el tooltips y como usarlo. Aprovecho para desearles feliz año nuevo a todos y que todo lo que desean se cumpla.