Inicio
Noticias
Staff
Wallpapers
Pedidos
Banners
Nuestra Historia
Contacto
Codigo: <style> #slider-holder{width: 610px;height: 320px;overflow: hidden; margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 16px 0 0 0;} #s3slider { width: 610px; /* important to be same as image width */ height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */} #s3sliderContent {width: 610px; /* important to be same as image width or wider */ position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */} .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff; padding: 10px 15px 13px 13px; height: 120px; width: 610px; background-color: #4e4d3c; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'></script> <script type='text/javascript'><!--//--><![CDATA[//><!-- /* ------------------------------------------------------------------------ sLIDER POR pickiweb.ES.TL ------------------------------------------------------------------------- */ (function($){ $.fn.s3Slider = function(vars) { var element = this; var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000; var current = null; var timeOutFn = null; var faderStat = true; var mOver = false; var items = $("#" + element[0].id + "Content ." + element[0].id + "Image"); var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span"); items.each(function(i) { $(items[i]).mouseover(function() { mOver = true; }); $(items[i]).mouseout(function() { mOver = false; fadeElement(true); }); }); var fadeElement = function(isMouseOut) { var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut; thisTimeOut = (faderStat) ? 10 : thisTimeOut; if(items.length > 0) { timeOutFn = setTimeout(makeSlider, thisTimeOut); } else { console.log("Poof.."); } } var makeSlider = function() { current = (current != null) ? current : items[(items.length-1)]; var currNo = jQuery.inArray(current, items) + 1 currNo = (currNo == items.length) ? 0 : (currNo - 1); var newMargin = $(element).width() * currNo; if(faderStat == true) { if(!mOver) { $(items[currNo]).fadeIn((timeOut/6), function() { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideUp((timeOut/6), function() { faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); } }); } else { $(itemsSpan[currNo]).slideDown((timeOut/6), function() { faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); } }); } }); } } else { if(!mOver) { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideDown((timeOut/6), function() { $(items[currNo]).fadeOut((timeOut/6), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } }); }); } else { $(itemsSpan[currNo]).slideUp((timeOut/6), function() { $(items[currNo]).fadeOut((timeOut/6), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } }); }); } } } } makeSlider(); }; })(jQuery); //--><!]]></script> <script type='text/javascript'> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 4000 }); }); </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <div class='black-bg' id='slider-holder'> <div id='s3slider'> <ul id='s3sliderContent'> <li class='s3sliderImage' style='display: list-item;'> <a href='http://pickiweb.es.tl/' _fcksavedurl='http://pickiweb.es.tl/'><img alt='Imagen 1' src='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' _fcksavedurl='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' style='width: 610px; height: 320px;'/></a> <span style='display: block;'> <a class='featured-title block' href='http://pickiweb.es.tl' _fcksavedurl='http://pickiweb.es.tl' rel='bookmark' title=''>Tu Titulo</a><br/> Descripcion de la Imagen </span> </li> <li class='s3sliderImage' style='display: none;'> <a href='http://pickiweb.es.tl/' _fcksavedurl='http://pickiweb.es.tl/'><img alt='Imagen 2' src='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' _fcksavedurl='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' style='width: 610px; height: 320px;'/></a> <span style='display: none;'> <a class='featured-title block' href='http://pickiweb.es.tl' _fcksavedurl='http://pickiweb.es.tl' rel='bookmark' title=''>Tu Titulo</a><br/> Descripcion de la Imagen </span> </li> <li class='s3sliderImage' style='display: none;'> <a href='http://pickiweb.es.tl/' _fcksavedurl='http://pickiweb.es.tl/'><img alt='Imagen 3' src='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' _fcksavedurl='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' style='width: 610px; height: 320px;'/></a> <span style='display: none;'> <a class='featured-title block' href='http://pickiweb.es.tl' _fcksavedurl='http://pickiweb.es.tl' rel='bookmark' title=''>Tu Titulo</a><br/> Descripcion de la Imagen </span> </li> <li class='s3sliderImage' style='display: none;'> <a href='http://pickiweb.es.tl/' _fcksavedurl='http://pickiweb.es.tl/'><img alt='Imagen 5' src='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' _fcksavedurl='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' style='width: 610px; height: 320px;'/></a> <span style='display: none;'> <a class='featured-title block' href='http://pickiweb.es.tl' _fcksavedurl='http://pickiweb.es.tl' rel='bookmark' title=''>Tu Titulo</a><br/> Descripcion de la Imagen </span> </li> <li class='s3sliderImage' style='display: none;'> <a href='http://pickiweb.es.tl/' _fcksavedurl='http://pickiweb.es.tl/'><img alt='Imagen 5' src='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' _fcksavedurl='http://img68.xooimage.com/files/1/e/9/baner_pedido-291cf2d.png' style='width: 610px; height: 320px;'/></a> <span style='display: none;'> <a class='featured-title block' href='http://pickiweb.es.tl' _fcksavedurl='http://pickiweb.es.tl' rel='bookmark' title=''>Tu Titulo</a><br/> Descripcion de la Imagen </span> </li> <li class='clear s3sliderImage'></li> </ul> </div> </div> <!-- Galeria by PICKIWEB.ES.TL -->
Anunciate Aquí!
