Orbit Slider (Versión Actual) en Blogger – Shipping – coche

En unaentrada anterior mostraba una versión de Orbit Image Slider. En esta oportunidad enseñaré a insertar una nueva versión, la cual viene con algunas mejoras, pero contiene algunos bugs menores.

Puedes ver una muestra de éste plugin en miblog de pruebas.

Advertencia:

El script es experimental, no cumple las funciones al 100%, pronto haré una versión a partir de la antigua librería para evitar problemas con esta mas nueva.

¿Cómo Insertarlo en Blogger?

Paso 1: Añadiendo el script y los estilos:

Primero, vamos a ''Diseño | Edición HTML'' en donde marcamos ''Expandir plantillas de artilugios''. Buscaremos la siguiente zona:

/head

Sobre ésta, pegaremos el siguiente código:

script src="https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts2/jquery-1.5.1.min.js" type="text/javascript"/script
script src="https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts2/jquery.orbit-1.2.3.min.js" type="text/javascript"/script
link rel="stylesheet" type="text/css" href="https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts2/orbit-1.2.3.css" /

Paso 2: Haciendo la llamada al script y a las funciones:

Debajo del código anterior, pegaremos el siguiente código:

script type="text/javascript"
$(window).load(function() {
$('#featured').orbit();
});
/script
script type="text/javascript"
$(window).load(function() {
$('#featured').orbit({
animationSpeed: 800,
timer: false,
advanceSpeed: 4000,
pauseOnHover: true,
startClockOnMouseOut: false,
startClockOnMouseOutAfter: 1000,
directionalNav: true,
captions: true,
captionAnimation: 'fade',
captionAnimationSpeed: 800,
bullets: true,
bulletThumbs: false,
});
});
/script

Paso 3: Añadiendo Orbit Image Slider:

Ahora, buscaremos la siguiente zona:

div id='content-wrapper'

Debajo de esta, pegaremos el siguiente código:

div id='featured'
img src="URL IMAGEN" alt="HTML Captions" data-caption="#textoimagen1" /

img src="URL IMAGEN" alt="HTML Captions" data-caption="#textoimagen2" /

img src="URL IMAGEN" alt="HTML Captions" data-caption="#textoimagen3" /

/div
!-- Descripciones imágenes orbit jquery --
span class="orbit-caption" id="textoimagen1"Texto Ejemplo 1/span
span class="orbit-caption" id="textoimagen2"Texto Ejemplo 2/span
span class="orbit-caption" id="textoimagen3"Texto Ejemplo 3/span

Guardamos los cambios y listo.

Aclaraciones:

Esta versión del script contiene atributos al igual que la versión anterior, en esta puedes configurar los siguientes:

• animation: 'fade' (Animación, cambiar por fade, horizontal-slide, vertical-slide, horizontal-push)
• animationSpeed: 800 (Velocidad de la animación)
• timer: true (Muestra u oculta el temporizador)
• advanceSpeed: 4000 (Tiempo entre imágenes)
• pauseOnHover: false (Pausa del slider al presionar)
• directionalNav: true (Muestra u oculta las flechas)
• captions: true (Permite mostrar textos)
• captionAnimation: 'fade' (Efecto textos, cambiar por ''fade, slideOpen, none'')
• captionAnimationSpeed: 800 (Velocidad animación textos)
• bullets: false (Muestra u oculta las ''bullets'' que se encuentran debajo del slider)

Consideraciones:

Este script es un poco mas tedioso que el anterior, así que deberás tener en cuenta lo siguiente:

• Deberás setear las dimensiones de todas las imágenes de forma manual y al mismo tamaño.
• Puedes añadir un enlace al slider, pero tiene problemas como textos sobrepuestos.
• Al intentar añadir una URL a la imagen, esta pierde el texto de descripción.

Sin duda, este slider es un dolor de cabezas, pero con creatividad y con un poco de ingenio se puede conseguir un resultado bastante prometedor.

Actualizaré la entrada con una variación delanterior creada a partir de las funcionalidades de esta nueva versión, ya que a pesar de que el mas antiguo es menos llamativo, se puede personalizar más. y Se puede obtener un resultado muy similar al de este Slider.

Página oficial:

Zurb.com

Tutorial a petición dedeathdan93

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

royalty free images stock mesothelioma attorney directory AUTOMOBILE ACCIDENT ATTORNEY Claim Car insurance in South Dakota business voice mail service Online classes Low credit line credit cards Make money online Australia mesothelioma symptoms Dwi lawyer california law lemon world trade center footage mesothelioma lawyer chicago Psychic for free yahoo web hosting fast cash for house Social media campaigns Donate Your Car for Kids Online casino personal injury accident lawyer Auto Mobile Insurance Quote att call conference Home phone internet bundle Email Bulk Service Hire php developers Hire php programmers truck accident attorney texas Criminal lawyer Donate car for tax credit mesothelioma litigation Car Accident Lawyers CHEAP CAR INSURANCE IN VIRGINIA DONATE YOUR CAR SACRAMENTO Proud Italian cook Asbestos Lawyers Best social media platforms dallas mesothelioma lawyer Criminal Defense Attorneys Florida best criminal lawyer in arizona EMAIL BULK SERVICE BEST CRIMINAL LAWYER IN ARIZONA Dallas Mesothelioma Attorneys Casino Mobile casino Motor Replacements See more at http//wwwginfostopnet/ Seo company Computer science classes online Casino reviews PSYCHIC FOR FREE Life insurance co Lincoln DAYTON FREIGHT LINES mesothelioma lawyer virginia Live casino DUI lawyer hair removal washington dc earthlink business internet home phone internet bundle uk homeowner loans Cheap auto insurance in VA selling annuity payments for cash World Trade Center Footage caraccidentlawyer best consolidation loan student WordPress hosting Php programmers for hire MESOTHELIOMA LAW FIRM accident lawyers in los angeles offshore accident lawyer MET AUTO CRIMINAL DEFENSE ATTORNEYS FLORIDA Service business software Criminal defense lawyer accident attorneys orange county NEUSON Forex Trading Platform Hire php developer Bankruptcy lawyer Psd to WordPress attorney lawyer mesothelioma Php programmers Custom WordPress theme designer Seo companies DONATING A CAR IN MARYLAND Best social media platforms for business Italian cooking school harddrive data recovery services low credit line credit cards Social media platforms for business Social media strategies Data Recovery Raid mortgage adviser phd in counseling education Massage School Dallas Texas Photo Christmas cards mesothelioma trial attorney New social media platforms Injury Lawyers pharmacist jobs in chicago Business finance group mesothelioma email bulk service Christmas cards PhD in counseling education Social media platforms best accident attorneys criminal defense federal lawyer Donate Car to Charity California structured settlement broker Business management software Seo services Best Seo company ANNUITY SETTLEMENT structured annuity settlement