Efecto de desvanecimiento al cargar las páginas del blog – School – Accident – Virginia

Un efecto muy habitual en jQuery es elefecto fade que es un efecto de desvanecimiento, y podemos usarlo de tantas maneras como por ejemplo en la navegación del blog. El siguiente script hace justamente eso,carga la página con un efecto de desvanecimiento cuando navegamos en los enlaces internos que hay en el blog, como por ejemplo los títulos de las entradas, los enlaces de las etiquetas, los enlaces de navegación, archivo, etc.

Puedes ver un ejemplo eneste blog de pruebas, haz click en el título de alguna entrada y verás el efecto de desvanecimiento al cargar la página.

Para poner este efecto de desvanecimiento en tu blog agrega después dehead el siguiente código:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/
script type='text/javascript'
//![CDATA[
$(document).ready(function() {
$("body").css("z-index", "-10");
$("body").fadeIn(0);

$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage); });
function redirectPage() {
window.location = linkLocation;
}
});
//
/script
style
html {
background-color: #f2f2f2;/* Color del desvanecimiento */
}
/style

Guarda los cambios y listo. En color verde puedes ver dónde cambiar el color con el que se desvanece la página al cargar.

El script original oculta el body de la página mientras carga, yo he preferido cambiar esa propiedad por un z-index negativo para evitar problemas con los robots de los buscadores y que esto pueda efectar el posicionamiento.

¿Problemas?

Hay que considerar que este tipo de efectos podría reatrasar el tiempo de carga del blog, así que se recomendaría su uso sólo cuando el blog es rápido en cargar y no tiene tantos scripts.

Si ya usasotra versión de jQuery elimina las demás y deja sólo esta que es la que se leerá primero.

Si usasMootools o Scriptaculous tendrás que hacerle unas modificaciones al código para que puedan ser compatibles.

Si tuvieras otro script con un efecto de desvanecimiento podría interferir con este y hacer que no se vea nada en la página excepto el color del desvanecimiento, en esos casos también es mejor prescindir de este script.

También puedes usar este efecto sólo en algunos enlaces, por ejemplo, si quieres que se aplique al hacer click en los títulos de las entradas, en los enlaces de navegación (entradas antiguas y entradas recientes), y en el gadget de Páginas, entonces cambia esta línea:

$("a").click(function(event){

Por esta:

$(".post-title a, .blog-pager-older-link, .blog-pager-newer-link, .tabs").click(function(event){

En algunos casos podrá cargar la página por un segundo y luego cargarla con el efecto de desvanecimiento, esto puede ser "normal" debido a que el navegador está tardando en leer el script al cargar la página.

Fuera de estos inconvenientes me parece que es una forma muy elegante de cargar las páginas del blog mientras navegamos por ellas, ¿no creen?

Vía | CGnauta

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 MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling 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

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 MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling 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

Casino Online casino Asbestos Lung Cancer FUTURISTIC ARCHITECTURE Car Insurance Companies washington mesothelioma attorney WordPress themes for designers Mobile casino Bankruptcy lawyer Social media strategies Business management software Custom Christmas cards Dayton Freight Lines bus accident attorney los angeles Royalty Free Images Stock mesothelioma lawyer chicago Casino reviews Best Seo company Php programmers sell annuity payment structured settlement cash out primary pulmonary hypertension HARDDRIVE DATA RECOVERY SERVICES domain registration yahoo Online classes Donate a Car in Maryland Webex Costs SELL ANNUITY PAYMENT car accident lawyers west palm beach criminal defense attorneys florida miami personal injury lawyer MET AUTO Psd to WordPress Best social media platforms Annuity Settlements Online College Course Cheap Domain Registration Hosting webex costs integrated ehr car donate Online Christmas cards domain yahoo Make money online Australia Proud Italian cook Online colledges Photo Christmas cards paperport promotional code new york mesothelioma law firm Hard drive Data Recovery Services ONLINECLASSES Car Insurance in South Dakota Html email dallas mesothelioma attorneys CHEAP CAR INSURANCE IN VIRGINIA pharmacist jobs in chicago Social media platforms Donate cars Illinois mesothelioma attorney florida Live casino Hire php programmers Online Stock Trading DUI lawyer WordPress theme designers Computer science classes online Sell Annuity Payment Criminal defense lawyer Hire php developers CAR DONATE georgia truck accident lawyer Dwi lawyer NEUSON DONATE YOUR CAR FOR KIDS motorcycle accident attorney sacramento los angeles motorcycle accident lawyer Criminal lawyer Life insurance co Lincoln motorcycle accident lawyer san francisco Service business software ONLINE COLLEDGES mesothelioma law firm structured settlement blog futuristic architecture Car Insurance Quotes PA Php programmers for hire Hire php developer Seo companies selling annuity donating used cars to charity Forensics Online Course buying structured settlements Best social media platforms for business PhD in counseling education mesothelioma information mesothelioma claim MASSAGE SCHOOL DALLAS TEXAS CAR ACCIDENT LAWYERS Social media platforms for business New social media platforms Business finance group Custom WordPress theme designer Seo services CRIMINAL DEFENSE ATTORNEYS FLORIDA boca raton personal injury attorney PHD on Counseling Education colorado mesothelioma lawyers Online Motor Insurance Quotes Personal Injury Lawyer Dedicated Hosting Dedicated Server Hosting domain name yahoo Car Insurance Quotes Colorado online criminal justice degree Auto Mobile Insurance Quote World Trade Center Footage ROYALTY FREE IMAGES STOCK Donate Car to Charity California