Slide 300x320
Autor: Gay 1 | Publicado: 2013-05-22T10:12:00-03:00



a:link {
color:#a80000;
text-decoration:none;
}
a:visited {
color:#a80000;
text-decoration:none;
}
a:hover {
color:#c00;
text-decoration:none;
}

.featured31 {
float: left;
width: 300px;
height: 260px;
overflow: hidden;
text-shadow: 0px 0px 0 #FFFFFF;
}
.featured31 img {
float: left;
height: 200px;
width: 300px;
}


/* Image Slideshow HOME GAY1
---------------------------------------------*/
/*
if you put
top: 0; -&gt; the box with text will be shown at the top of the image
if you put
bottom: 0; -&gt; the box with text will be shown at the bottom of the image
*/
}
.clear {clear: both;}
ul { list-style-type: none;}
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
.status-msg-wrap{display: none;}
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:320px; width: 300px;
border: 0px #666 solid;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
position: absolute;
border-bottom: 2px #ccc solid;
bottom: 0px; right: 0px;
width: 300px; height: 60px;
text-align: center;
line-height: 25px;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
      .paging a {
outline:none;
 border: 1px #ccc solid; 
float: left; 
height: 58px; 
margin: 0px; 
width: 58px;
opacity: 0.4;
-moz-opacity: 0.4;
Filter: Alpha(Opacity=40);
}
      .paging a.active {
outline:none;
 border: 1px #ccc solid; 
float: left; 
height: 58px; 
margin: 0px; 
width: 58px;
-webkit-transition: 0.5s;
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=100);
}
      .paging a:hover {
outline:none;
 border: 1px #ccc solid; 
float: left; 
height: 58px; 
margin: 0px; 
width: 58px;
-webkit-transition: 0.5s;
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=100);
}

img.acende-foto {
-webkit-transition: 0.5s;
opacity: 0.0;
-moz-opacity: 0.0;
Filter: Alpha(Opacity=0)
}
img.acende-foto:hover {
opacity: 0.2;
-moz-opacity: 0.2;
Filter: Alpha(Opacity=20)
}

.noticias3 a {
color: #444;
}
.noticias3 a:hover {
-webkit-transition: 0.5s;
color: #999;
}





<!-- Slider HOME - Inicio-->

$(document).ready(function() {

    //Set Default State of each portfolio piece
    $(&.paging&).show();
    $(&.paging a:first&).addClass(&active&);
        
    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(&.window&).width();
    var imageSum = $(&.image_reel img&).size();
    var imageReelWidth = imageWidth * imageSum;
    
    //Adjust the image reel to its new size
    $(&.image_reel&).css({&#39;width&#39; : imageReelWidth});
    
    //Paging + Slider Function
    rotate = function(){    
        var triggerID = $active.attr(&rel&) - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        $(&.paging a&).removeClass(&#39;active&#39;); //Remove all active class
        $active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
        
        //Slider Animation
        $(&.image_reel&).animate({
            left: -image_reelPosition
        }, 500 );
        
    };
    
    //Rotation + Timing Event
    rotateSwitch = function(){        
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $(&#39;.paging a.active&#39;).next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $(&#39;.paging a:first&#39;); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 10000); //Timer speed in milliseconds (3 seconds)
    };
    
    rotateSwitch(); //Run function on launch
    
    //On Hover
    $(&.image_reel a&).hover(function() {
        clearInterval(play); //Stop the rotation
    }, function() {
        rotateSwitch(); //Resume rotation
    });    
    
    //On Click
    $(&.paging a&).click(function() {    
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });    
    
});


<!-- JavaScript Slider Horizonta - Fim-->








                              
                                //<![CDATA[
                                imgr = new Array();
                                imgr[0] = "https://lh3.googleusercontent.com/_R89g9fG9LYg/Ta0QZLIBM-I/AAAAAAAAAy8/7umMznszodk/Home01.png";
                                showRandomImg = true;
                                aBold = true;
                                summaryPost = 0; // number character showed in blog post
                                summaryTitle = 300; // number of character showed in post title
                                numposts = 1; // number of post showed in each category
                                var contarlabels = 0;
                                labelname = new Array("entretenimento","tv");
                                labeltitle = new Array("VÍDEO","TV");
                                labelcor = new Array("#06f","#ff0");
                                function removeHtmlTag(strx,chop){
                                  var s = strx.split("<");
                                  for(var i=0;i<s.length;i++){
                                    if(s[i].indexOf(">")!=-1){
                                      s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
                                    }
                                  }
                                  s =  s.join("");
                                  s = s.substring(0,chop-1);
                                  return s;
                                }
                                function showrecentposts(json) {
                                  var salida = "";
                                  var salidainner= "";
                                  j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
                                  img  = new Array();
                                  for (var i = 0; i < numposts; i++) {
                                    var entry = json.feed.entry[i];
                                    var posttitle = entry.title.$t;
                                    var pcm;
                                    var posturl;
                                    if (i == json.feed.entry.length) break;
                                    for (var k = 0; k < entry.link.length; k++) {
                                      if (entry.link[k].rel == 'alternate') {
                                        posturl = entry.link[k].href;
                                        break;
                                      }
                                    }
                                    for (var k = 0; k < entry.link.length; k++) {
                                      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                                        pcm = entry.link[k].title.split(" ")[0];
                                        break;
                                      }
                                    }
                                    if ("content" in entry) {
                                      var postcontent = entry.content.$t;}
                                    else
                                      if ("summary" in entry) {
                                        var postcontent = entry.summary.$t;}
                                    else var postcontent = "";
                                    postdate = entry.published.$t;
                                    if(j>imgr.length-1) j=0;
                                    img[i] = imgr[j];
                                    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
                                    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
                                    //cmtext = (text != 'no') ? '('+pcm+' '+text+')' : '';
                                    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
                                    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
                                    var day = postdate.split("-")[2].substring(0,2);
                                    var m = postdate.split("-")[1];
                                    var y = postdate.split("-")[0];
                                    for(var u2=0;u2<month.length;u2++){
                                      if(parseInt(m)==month[u2]) {
                                        m = month2[u2] ; break;
                                      }
                                    }
                                    //var daystr = (showPostDate) ? ' - ('+day+ ' ' + m + ' ' + y + ')' : "";
                                    var trtd = ''+removeHtmlTag(posttitle,summaryTitle)+'';
                                    //document.write(trtd);
                                    salidainner += trtd;
                                    j++;
                                  }
                                  salida += '';
                                  salida += salidainner;
                                  salida += '';
                                  document.write(salida);
                                  contarlabels ++;
                                }
                                //]]>
                              

                            
                            
                            
                            
                            






                              
                                //<![CDATA[
                                imgr = new Array();
                                imgr[0] = "https://lh3.googleusercontent.com/_R89g9fG9LYg/Ta0QZLIBM-I/AAAAAAAAAy8/7umMznszodk/Home01.png";
                                showRandomImg = true;
                                aBold = true;
                                summaryPost = 0; // number character showed in blog post
                                summaryTitle = 300; // number of character showed in post title
                                numposts = 1; // number of post showed in each category
                                var contarlabels = 0;
                                labelcor = new Array("1","2","3","4","5");
                                function removeHtmlTag(strx,chop){
                                  var s = strx.split("<");
                                  for(var i=0;i<s.length;i++){
                                    if(s[i].indexOf(">")!=-1){
                                      s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
                                    }
                                  }
                                  s =  s.join("");
                                  s = s.substring(0,chop-1);
                                  return s;
                                }
                                function showrecentposts(json) {
                                  var salida = "";
                                  var salidainner= "";
                                  j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
                                  img  = new Array();
                                  for (var i = 0; i < numposts; i++) {
                                    var entry = json.feed.entry[i];
                                    var posttitle = entry.title.$t;
                                    var pcm;
                                    var posturl;
                                    if (i == json.feed.entry.length) break;
                                    for (var k = 0; k < entry.link.length; k++) {
                                      if (entry.link[k].rel == 'alternate') {
                                        posturl = entry.link[k].href;
                                        break;
                                      }
                                    }
                                    for (var k = 0; k < entry.link.length; k++) {
                                      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                                        pcm = entry.link[k].title.split(" ")[0];
                                        break;
                                      }
                                    }
                                    if ("content" in entry) {
                                      var postcontent = entry.content.$t;}
                                    else
                                      if ("summary" in entry) {
                                        var postcontent = entry.summary.$t;}
                                    else var postcontent = "";
                                    postdate = entry.published.$t;
                                    if(j>imgr.length-1) j=0;
                                    img[i] = imgr[j];
                                    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
                                    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
                                    //cmtext = (text != 'no') ? '('+pcm+' '+text+')' : '';
                                    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
                                    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
                                    var day = postdate.split("-")[2].substring(0,2);
                                    var m = postdate.split("-")[1];
                                    var y = postdate.split("-")[0];
                                    for(var u2=0;u2<month.length;u2++){
                                      if(parseInt(m)==month[u2]) {
                                        m = month2[u2] ; break;
                                      }
                                    }
                                    //var daystr = (showPostDate) ? ' - ('+day+ ' ' + m + ' ' + y + ')' : "";
                                    var trtd = '';
                                    //document.write(trtd);
                                    salidainner += trtd;
                                    j++;
                                  }
                                  salida += '';
                                  salida += salidainner;
                                  salida += '';
                                  document.write(salida);
                                  contarlabels ++;
                                }
                                //]]>