Carrusel de imágenes con JQuery y ThickBox – Registros

Quizá este el es carrusel de imágenes más popular hecho con JQuery, aunque en la mayoría de sus versiones las imágenes del carrusel no se abren, sólo se usan como un muestrario de thumbnails.

Pero eso no significa que no se pueda arreglar, pues se puede añadir una ventana modal con ThickBox para poder visualizar las imágenes.

Puedes ver un ejemplo eneste blog de pruebas.

Ponerlo en tu blog no requiere muchos pasos pero sí son varios scripts y hojas de estilos que podrían alentar la carga de la página, es por eso que se recomienda que se alojen todos los archivos en tu propio servidor para evitar problemas.

Primero entramos enDiseño Edición de HTML y antes de/head pegamos lo siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/
script src='http://sites.google.com/site/ciudadbloggerscripts/archivos/jquery.jcarousel.pack.js' type='text/javascript'/
script src='http://sites.google.com/site/ciudadbloggerscripts/archivos/thickbox.js' type='text/javascript'/
script type='text/javascript'

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});

/script


link href='http://sites.google.com/site/ciudadbloggerscripts/archivos/jquery.jcarousel.css' rel='stylesheet' type='text/css'/
link href='http://sites.google.com/site/ciudadbloggerscripts/archivos/Tango.css' rel='stylesheet' type='text/css'/
link href='http://sites.google.com/site/ciudadbloggerscripts/archivos/thickbox.css' rel='stylesheet' type='text/css'/

Ahora enDiseño Elementos de la página Añadir un gadget HTML/Javascript pegamos este código:

centerul id="mycarousel" class="jcarousel-skin-tango"

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

/ul/center

Cambia la URL de la imagen donde se indica, va dos veces en cada pedazo de código, pues una es la miniatura y otra es la imagen en tamaño grande cuando se abre.

Si quisieras agregar más imágenes sólo pega antes de /ul/center un pedazo de código como este:

lia href="URL de la imagen" title="Título de la imagen" class="thickbox"img src="URL de la imagen" width="75" height="75" //a/li

Lo que está marcado en verde son los scripts y hojas de estilos que recomiendo que subas a tu hosting.
Descargar archivos

Sell Annuity Payment donate old cars to charity asbestos lung cancer CHEAP CAR INSURANCE IN VIRGINIA Live casino mortgage adviser Best social media platforms for business Custom Christmas cards Car Insurance Quotes MN Virtual Data Rooms WebEx costs Casino reviews CAR ACCIDENT LAWYERS New social media platforms Better Conference Calls mesotheolima Car insurance in South Dakota CAR DONATE structured settlement quote mesothelioma survival rates Claim Dwi lawyer sell structured settlement calculator domain registration yahoo Donate Car for Tax Credit google adsense baltimore mesothelioma attorneys Car Donate Online casino Make money online Australia SELL ANNUITY PAYMENT Casino Mobile casino Seo companies Computer science classes online Social media platforms buy gift card workplace accident attorney asbestos exposure lawyers Hire php developers structured settlement purchasers STRUCTURED ANNUITY SETTLEMENT mesothelioma claim Seo company motor replacements auto accident attorney new york mesothelioma law firm california law lemon auto accident attorney Torrance Massage School Dallas Texas virtual data rooms WordPress hosting data recovery raid PHD IN COUNSELING EDUCATION HOME PHONE INTERNET BUNDLE mesothelioma lawyer chicago mesothelioma settlement amounts peritoneal mesothelioma primary pulmonary hypertension Annuity Settlements Criminal defense lawyer Online Stock Trading PAPERPORT PROMOTIONAL CODE CHEAP CAR INSURANCE FOR LADIES Social media tools DUI lawyer benchmark lending Hard drive data recovery services student loan consolidation program MASSAGE SCHOOL DALLAS TEXAS BETTER CONFERENCING CALLS Car Insurance Quotes PA sell my structured settlement Hire php programmers Social media strategies Donating a car in Maryland Proud Italian cook mesothelioma information PSYCHIC FOR FREE selling a structured settlement World Trade Center Footage Criminal lawyer forensics online course Donate a Car in Maryland Service business software domain name yahoo Tech school HOLLAND MICHIGAN COLLEGE WORLD TRADE CENTER FOOTAGE Business finance group Php programmers for hire Hire php developer Bankruptcy lawyer Social media management accident car florida lawyer Online Christmas cards car crash attorneys Donating Used Cars to Charity Holland Michigan College Php programmers Best Criminal Lawyers in Arizona Donate Old Cars to Charity dallas mesothelioma attorneys LOW CREDIT LINE CREDIT CARDS mesotheioma Online Motor Insurance Quotes att call conference DONATE CAR FOR TAX CREDIT auto insurance yuba city ca Seo services donating used cars to charity Low Credit Line Credit Cards houston mesothelioma attorney Psd to html Email Bulk Service