Նկարների խավարման էֆեկտ «Blogger»-ի համար

Հարգելի՛ բլոգերներ, այսօր ձեզ կներկայացնեմ մի նյութ, որտեղ կխոսեմ  ևս մեկ հետաքրքիր JQuery էֆեկտի մասին: Ավելացնելով ներքևում տեղադրված կոդը «Blogger»-ում, նկարները կարծես «կենդանանում» են և մկնիկը պահելով նրանց վրա դառնում են թափանցիկ: Կոդը ավելացվում է ընդամենը մի քանի վայրկյանի ընթացքում:

Մինչ կոդը ավելացնելը դիտեք փորձնական տարբերակը և պահպանեք ձեր բլոգի կրկնօրինակը:

1. Մտնում ենք  բլոգի կառավարման էջը, ապա՝ Шаблон  ›  Изменить HTML

2. Փնտրում ենք </head> կոդը և նրա անմիջապես վարևում տեղադրում ենք ներքևում տեղադրված կոդը:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads $(".post img").hover(function(){ $(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover },function(){ $(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout }); }); </script> <script type='text/javascript'> $(document).ready(function(){ $(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads $(".latest_img").hover(function(){ $(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover },function(){ $(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout }); }); </script>