</script> <script type="text/javascript" charset="utf-8"> var j = jQuery.noConflict(); </script> <script type="text/javascript"> j(document).ready(function(){ j("a img").fadeTo(10, 1.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads j("a img").hover(function(){ j(this).fadeTo(10, 0.7); // This should set the opacity to 100% on hover },function(){ j(this).fadeTo(10, 1.0); // This should set the opacity back to 60% on mouseout }); }); </script>
2. bibliotekę jquery pobieramy z: http://code.jquery.com/jquery-1.9.1.min.js należy wkleić cały kod do notatnika i zmienić nazwę i rozszerzenie na jquery.js i następnie wrzucić do katalogu core/
Najnowsza biblioteka jquery zajmuje 92kb i z upływem czasu coraz bardziej się rozrasta, do samego efektu glass wystarczy starsza wersja 1.1.4 która działa we wszystkich przeglądarkach a co najważniejsze waży zaledwie 24.kb tj. prawie 4 x mniej. Do pobrania z: http://code.jquery.com/jquery-1.1.4.js
