Rozjaśnienie po najechaniu obrazka myszką - efekt glass.

euphoria-art

Avatar: euphoria-art

2013-02-25 16:36

Demo: http://obrazyolejne.cba.pl/namioty

Instalacja

1. W templates/default/_header.php

zmieniamy linię:

<script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>mlbox/mlbox.js"></script>

na:

<script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>mlbox/mlbox.js"></script>
<script type="text/javascript" src="<?php echo $config['dir_core']; ?>jquery.js"></script>

następnie ciut niżej linię:

<?php displayAlternateTranslations( ); ?>

zamienić na:

<?php displayAlternateTranslations( ); ?>

</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/

KONIEC!

» Quick.Cms v5.x

euphoria-art

Avatar: euphoria-art

2013-02-25 16:53

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

treewood (OpenSolution)

Avatar: treewood

2013-02-26 08:17

Widze, ze nawet reklamy, ktore sie wyswietlaja na gorze maja ten efekt rozjasnienia :)

Do góry
o nas | kontakt