My Blog

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script src='URL del archivo' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery(function(){
var $featured_area = jQuery('#featured-area');
var $featured_item = jQuery('#featured-area div#slider-control div.featitem');
var $slider_control = jQuery('#featured-area div#slider-control');
var $image_container = jQuery('div#s1 > div');
var ordernum;
var pause_scroll = false;

$featured_item.find('img').fadeTo("fast", 0.7);
$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
$image_container.hover(
function () {
jQuery(this).find("img").fadeTo("fast", 0.7);
},
function () {
jQuery(this).find("img").fadeTo("fast", 1);
}
);

function gonext(this_element){
$slider_control.find("div.featitem.active img").fadeTo("fast", 0.7);
$slider_control.find("div.featitem.active").removeClass('active');
this_element.addClass('active');
$slider_control.find("div.featitem.active img").fadeTo("fast", 1);
ordernum = this_element.find("span.order").html();
jQuery('#s1').cycle(ordernum - 1);
}

$featured_item.click(function() {
clearInterval(interval);
gonext(jQuery(this));
return false;
});

var auto_number;
var interval;

$featured_item.bind('autonext', function autonext(){
if (!(pause_scroll)) gonext(jQuery(this));
return false;
});


interval = setInterval(function () {
auto_number = $slider_control.find("div.featitem.active span.order").html();
if (auto_number == $featured_item.length) auto_number = 0;
$featured_item.eq(auto_number).trigger('autonext');
}, 5000);

});
//]]>
</script>

<script type='text/javascript'>
jQuery(function(){
jQuery(&#39;#s1&#39;).cycle({
timeout: 0,
speed: 1000,
fx: &#39;fade&#39;
});

});
</script>

#gallery {
width:616px; /* Ancho del contenedor general */ 
height:320px;
margin:0 0 20px 0;
float:left;
display:inline;
}


#featured-area {
height: 300px;
width:616px; /* Este ancho debe ser igual al contenedor general */ 
position: relative;
padding: 11px 0px 10px 0px;
z-index: 1;
}


#featured-area .pics {
position: absolute;
width: 490px; /* Ancho de las imágenes */ 
height: 298px;
top: 11px;
left: 14px;
}


#featured-area .pics div.excerpt {
background: #fff; /* Color de fondo de la descripción */ 
bottom:0;
left:0;
padding:0px 0 0 10px;
position:absolute;
width:480px; /* Ancho de los títulos */
z-index:2;
opacity:0.8;
filter:alpha(opacity=80);
.width: 100%;
}


#featured-area .pics div.excerpt p {
color: #203136; /* Color de la descripción */ 
width:450px; /* Ancho de la descripción */ 
height:20px;
}


#featured-area .pics div.excerpt a {
font-size:18px; /* Tamaño de los títulos */ 
color: #000; /* Color de los títulos */ 
font-weight:bold;
text-decoration:none;
}
#featured-area .pics div.excerpt a:hover {
color: #ddd; /* Color de los títulos al pasar el cursor */ 
text-decoration:none;
}
.excerpt-text {
display:inline;
float:left;
font-size:12px; /* Tamaño del texto de la descripción */ 
width:450px; /* Ancho de la descripción */ 
padding:0px 0 10px 0;
}


#featured-area .pics span.feat-overlay {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 490px; /* Mismo ancho de las imágenes */ 
height:298px;
z-index: 1;
}


#featured-area div#slider-control {
position: absolute;
width: 110px;
height: 296px;
border: 1px solid #b4b4b4;
z-index: 4;
top: 11px;
right: 1px;
}


#featured-area div#slider-control div.featitem {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbuV_CW1gmFYxgX_B0s2qadH7YGJRc6x4baxxmoTPhGvoezFiD0iiUrajBx2oKHHqRWBuLq3KW-O8TsSunfq6RN1zaNHAYqkBxn-fXPPSkNdmBL8oBb3guK_YiYqzDM2aatGwKbdYw2Q4/s1600/featitem-bg.png) no-repeat top left;
width: 76px;
height: 77px;
float: left;
padding: 10px 16px 12px 18px;
cursor: pointer;
}


#featured-area div#slider-control div.featitem img {
float: left;
margin-right: 18px;
border: 1px solid #f6f6f6;
margin-top: 5px;
width:67px;
height:67px;
}


#featured-area div#slider-control div.featitem.active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdicHGI247v20zMJDrgeVMqmXiQrT5P98xP8H1ozdEIx_1OCAwB2VRVC3BpKqKlhEGiNnF0XUSaASXS3Y2gm4MxeA6ABQ_7HiQtYfCTNW70lJ_E15Gc_XfPterR5GftTCX8tyWMlczBaI/s1600/featitem-bg-active.png) no-repeat top left;
margin-left: -20px;
padding-left: 38px;
}
#featured-area div#slider-control div.featitem.active h2 {display:none;}
#featured-area div#slider-control div.featitem.active span.meta {border: 0px;}
#featured-area div#slider-control div.featitem span.order {display: none;}
#featured-area div#slider-control div.featitem span.meta {display:none;}