Coin Slider: Un slider de imágenes con múltiples efectos – coche – Money – Hosting

Coin Slider es unslideshow de fotos hecho con jQuery que a diferencia de otros puede mostrar diversos efectos para las transiciones de las imágenes añadiéndole mayor dinamismo a las imágenes.

Estas animaciones podrán hacer una mejor presentación de las imágenes que deseas mostrar y que bien podrán servir para enlazarlas a tus entradas que deseas destacar.

El slider además de tener distintas animaciones, puede tener enlaces, descripciones de las fotos y se podrá navegar a través de ellas ya sea con los enlacesAnterior ySiguiente, o con los botones de abajo.

Para agregarlo en tu blog primerodescarga este archivo, descomprímelo y sube el archivo descomprimido a un hosting.
Luego entra enDiseño | Edición de HTML y antes de/head pega lo siguiente:

script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/
script src='URL del archivo js' type='text/javascript'/
script$(document).ready(function() {
$('#CoinSlider').coinslider({
delay: 3000,
hoverPause: false,
navigation: true,
width: 565,
height: 290,
});
});
/script

Agrega donde se indica encolor rojo la URL del archivo que subiste previamente.
Ahora antes de/b:skin pega estos estilos:

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title {width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px;}

El siguiente paso es agregar la estructura del slider, para ello entra enDiseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí agrega lo siguiente:

center
div id="CoinSlider"

a href="URL del enlace"
img src="URL de la imagen"/
spanDescripción de la imagen./span/a


a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span/a


a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span /a


a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span /a


a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span/a


a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span/a

/div/center

Cambia la URL del enlace y la URL de la imagen donde se indica. De igual forma puedes agregar una pequeña descripción a las fotos si así lo deseas, sino sólo elimina todo esto:

spanDescripción de la imagen./span

Si quieres añadir más imágenes sólo agrega antes del último /div otro fragmento como este:

a href="URL del enlace" img src="URL de la imagen" /
spanDescripción de la imagen./span/a

En el primer código hay unas opciones que podemos modificar:
delay: 3000, es el tiempo en milisegundos que durará cada imagen.
hoverPause: false, es el control de pausa que aparecerá al pasar el cursor sobre la imagen, contrue se activa.
navigation: true, son los enlacesAnterior ySiguiente que aparecen al pasar el cursor, confalse se desactivan.
width: 565, es el ancho del contendor.
height: 290, es el alto del contendor.

Si cambias el ancho del contendor también deberás cambiar el ancho en color verde de los estilos (width: 545px) que es el ancho del área de la descripción de las imágenes.
Si deseas cambiar los textosAnterior ySiguiente necesitarás editar el archivo coin-slider.min.js, buscar esas palabras y cambiarlas por otras.

Sin lugar a duda es un slider que no requiere mayor trabajo y que ofrece resultados bastante atractivos que bien podrán darle mayor presentación a tu blog o página Web.

Autor |WorkShop

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Computer science classes online workers compensation lawyer los angeles BETTER CONFERENCING CALLS WordPress themes for designers Car Insurance Quotes Utah structured settlement sell Social media platforms Adobe illustrator classes structured settlement need cash now google affiliate ONLINE COLLEDGES life insurance co lincoln mesothelioma lawsuit HARDDRIVE DATA RECOVERY SERVICES domain registration yahoo WEBEX COSTS att call conference car insurance quotes colorado Low Credit Line Credit Cards Seo services BEST CRIMINAL LAWYER IN ARIZONA Best Criminal Lawyers in Arizona car accident lawyers west palm beach world trade center footage mesothelioma attorney california baltimore mesothelioma attorneys car insurance quotes pa Dayton freight lines Car Insurance in South Dakota Insurance what is structured settlement Service business software structured settlements annuities asbestos lung cancer ashely madis Home phone internet bundle Online Christmas cards structured settlement purchasers Health Records Personal Health Record Live casino chicago hair laser removal small business administration sba Hire php developer miami personal injury attorney structured settlemen new york mesothelioma law firm Cheap Car Insurance for Ladies Seo company AUTO ACCIDENT ATTORNEY auto accident attorney Torrance city college in miami Criminal defense lawyer Online casino structured settlement brokers Best social media platforms mesothelioma lawyers san diego Make money online Australia Webex Costs Hire php developers Casino mesothelioma attorneys sell annuity payment houston tx auto insurance auto accident lawyer san francisco PHD IN COUNSELING EDUCATION DONATING A CAR IN MARYLAND Virtual Data Rooms Mobile casino Dwi lawyer fortis health insurance temporary Asbestos Lawyers Casino reviews DUI lawyer philadelphia mesothelioma lawyer Social media management cell cycle regulation ppt mesothelioma law firm Car Insurance Quotes MN Italian cooking school Email bulk service adverse remortgage DONATE CAR FOR TAX CREDIT Car Insurance Quotes Colorado criminal defense federal lawyer colorado auto accident attorney MASSAGE SCHOOL DALLAS TEXAS DONATE OLD CARS TO CHARITY supportpeachtreecom average mesothelioma settlement ROYALTY FREE IMAGES STOCK structured settlement cash out Learning adobe illustrator Hire php programmers Futuristic Architecture car donate Social media campaigns mesothelioma lawyer dallas Register Free Domains NEUSON Bankruptcy lawyer AUTOMOBILE ACCIDENT ATTORNEY Online Motor Insurance Quotes MOTOR REPLACEMENTS Criminal lawyer webex costs Home Phone Internet Bundle WordPress hosting DONATE YOUR CAR FOR MONEY Seo companies motor replacements Html email quotes car Personal Injury Lawyers Donate Car To Charity CALIFORNIA World Trade Center Footage