S3Slider: Mostrar contenido destacado – Settlement – php – World

S3Slider es una galería de imágenes para mostrarcontenido destacado del blog. Quedan perfectos para los blogs tipo revista y sólo requiere de JQuery y S3Slider.
Puedes ver un ejemplo en esteblog de pruebas.

Para ponerlo en tu blog sigue estos pasos:

1. Descarga este archivo, descomprímelo y el archivo S3Slider.js súbelo a un hosting.
2. Entra en Diseño Edición de HTML y pega antes de /head lo siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/ script src='URL del archivo s3Slider.js' type='text/javascript'/ script type='text/javascript' $(document).ready(function() { $('#slider').s3Slider({ timeOut: 3000 }); }); /script

3. Cambia lo que está en color verde por la URL del archivo que descargaste y subiste previamente.
4. Ahora antes de /b:skin pega lo siguiente:

/* S3Slider ----------------------------------------------- */ #slider { width: 550px;/* Ancho del gadget */height: 300px;/* Alto del gadget */background:#FFF; position: relative; overflow: hidden; margin-bottom:10px; border:1px solid #d7d0c0; } #sliderContent { width: 550px;/* Ancho del gadget */position: absolute; top: 0; margin: 0; padding:0; } #sliderContent li{ list-style-type:none; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 11px Arial, Helvetica;/* Tamaño y tipo de letra */padding: 10px 13px; width: 550px;/* Ancho del gadget */background-color: #000;/* Color de fondo del texto */filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; /* Color del texto */ display: none; } .clear {clear: both;} .bottom { bottom: 0; left: 0; } .top { top: 0; left: 0; }

5. Por último en un elemento HTML/Javascript pega esto:

div id="slider" ul id="sliderContent" li class="sliderImage" a href="URL de la entrada" img src="URL de la imagen" //a span class="bottom"Aquí va la descripción de la entrada./span /li li class="sliderImage" a href="URL de la entrada" img src="URL de la imagen" //a span class="bottom"Aquí va la descripción de la entrada./span /li li class="sliderImage" a href="URL de la entrada" img src="URL de la imagen" //a span class="bottom"Aquí va la descripción de la entrada./span /li div class="clear sliderImage"/div /ul /div

6. Ya sólo cambia la URL de la entrada y de la imagen que será la que se muestre en el slide.

Si quisieras agregar más imágenes añade este código por cada imagen que quieras poner:

li class="sliderImage"
a href="URL de la entrada"
img src="URL de la imagen" //a
span class="bottom"Aquí va la descripción de la entrada./span
/li

Las imágenes cambian cada tres segundos, si quieres modificar el tiempo entre cada una busca en el primer código donde dicetimeOut: 3000 y cambia ese número por otro, por ejemplo en cinco segundos seríatimeOut: 5000

En el código que pegamos antes de/b:skin están las indicaciones de dónde se debe modificar el color del texto, el color de fondo, etc.
Si te das cuenta en el caso del tamaño aparece tres veces, por lo que si cambias el tamaño deberás poner el mismo tamaño en los tres lugares donde se pide.

La descripción de la entrada se muestra en la parte de abajo; si deseas que se muestre en la parte de arriba cambia en el último código donde dice class="bottom" por class="top"

Por último toma en cuenta que este gadget trabaja conJQuery así que si ya tienes Scriptaculous no funcionará.

Php programmers for hire Casino reviews FORENSICS ONLINE COURSE bowne virtual data room cheap car insurance in virginia onlineclasses MOTOR REPLACEMENTS new york mesothelioma law firm BETTER CONFERENCING CALLS Claim Online casino Casino Dayton Freight Lines Make money online Australia Register Free Domains lawyers accidents Php programmers hughes net business workers compensation lawyer los angeles DUI lawyer Dwi lawyer Hire php developers Social media management CHEAP CAR INSURANCE IN VIRGINIA caraccidentlawyer Donate Your Car for Kids Car Insurance Quotes PA accident car florida lawyer tucson car accident attorney Bankruptcy lawyer ASBESTOS LAWYERS cloud identity and access management injury lawyers Mobile casino PAPERPORT PROMOTIONAL CODE Nunavut culture Car Donate ROYALTY FREE IMAGES STOCK FUTURISTIC ARCHITECTURE Best Seo company Live casino emergency response plan ppt Seo services Automobile Accident Attorney Computer science classes online los angeles motorcycle accident lawyer uk homeowner loans Personal Injury Law Firm WordPress themes for designers anti spam exchange server car insurance quotes Learning adobe illustrator Forensics Online Course business voice mail service Hire php programmers Seo companies Donate cars in ma Donating used cars to charity Donate your car for kids small business administration sba Home Phone Internet Bundle motorcycle lawyer los angeles Holland Michigan College sell annuity payment DONATING USED CARS TO CHARITY Adobe illustrator classes yahoo web hosting Donate Your Car Sacramento Social media campaigns WordPress hosting asbestos lawyers Criminal Defense Attorneys Florida business email web hosting Business VOIP Solutions primary pulmonary hypertension CAR INSURANCE QUOTES COLORADO SELL ANNUITY PAYMENT Register free domains hosted predictive dialers car accident lawyers best criminal lawyer in arizona Psychic for Free mesothelioma attorney directory firm law mesothelioma mesothelioma lawyers san diego Business Voip Solutions Tech school Criminal lawyer car insurance in south dakota Service business software Hard drive Data Recovery Services Criminal defense lawyer Online colledges Hire php developer workplace accident attorney Paperport Promotional Code Car Insurance Companies miami personal injury lawyer mesothelioma lawyer texas mesothelioma information motorcycle accident lawyer california Business finance group Email Bulk Service Life insurance co Lincoln Best social media platforms for business New social media platforms motor replacements Personal Injury Lawyers DONATING A CAR IN MARYLAND Online Christmas cards holland michigan college Social media platforms for business ONLINE COLLEDGES Custom WordPress theme designer Donate a car in Maryland