Imágenes aleatorias con botones

download Imágenes aleatorias con botones

If you can't read please download the document

Transcript of Imágenes aleatorias con botones

1. cargar archivo para descargarhttp://www.youtube.com/watch?v=ZW0EmxV2WLEPara colocar un reproductor mp3 en la parte inferiorWWW.scmplayer.netcolores en htmlhttp://html-color-codes.info/codigos-de-colores-hexadecimales/COMO HACER UNA PRESENTACION CON BOTONES1))))))123se puede aumentar mas de 3 imgenes aadiendo en los siguientes campos12)))))Debemos tener el jQuery agregado en nuestro head:Y debajo:// 2. rotateSwitch();$(".image_reel a").hover(function() {clearInterval(play);}, function(){rotateSwitch();});$(".paging a").click(function() {$active = $(this);clearInterval(play);rotate();rotateSwitch();return false;});});//]]>Y aadir algo de cdigo CSS:.main_view { /* el contendor principal */position: relative;}.window { /* el contendor con las imgenes */overflow: hidden;position: relative;/* debemos dimensionarlo */height: 175px;width: 550px;}.image_reel { left: 0; position: absolute; top: 0; }.image_reel img {float: left;/* conviene dimensionarlas */height: 175px;width: 550px;}.paging { /* la navegacin a gusto de cada uno */background-color: rgba(146, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80920000,endColorstr=#80920000);zoom: 1;border-radius: 4px;bottom: 10px;display: none;height: 42px;line-height: 40px;position: absolute;right: 10px;text-align: center;width: 178px;z-index: 100;}.paging a { /* los nmeros */color: #FFF;font-size: 20px;padding: 5px;text-decoration: none;}.paging a.active {background: #920000;border: 1px solid #610000;border-radius: 3px;font-weight: bold;}.paging a:hover { font-weight: bold; }