Cienie na fotkach po najechaniu myszką w galerii zdjęć

euphoria-art

2012-01-19 09:45

W container.tpl

1. za 18 linijką:

<script type="text/javascript" src="$config[dir_core]litebox-1.0.js"></script>

wstawiamy:

<script type="text/javascript" src="$config[dir_core]jquery-1.7.1.min.js"></script>

2. około 30 linijki zmieniamy taki oto kod:

//-->
</script>

<style type="text/css">@import "$config[dir_templates]$config[template]";</style>
$sBanner

na:

//-->
</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(250, 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(250, 0.7); // This should set the opacity to 100% on hover
},function(){
j(this).fadeTo(250, 1.0); // This should set the opacity back to 60% on mouseout
});
});
Cufon.replace('.stripe span', {
color: '#3d3d3d'
});
Cufon.replace('.active_category a', {
hover: {
color: '#ffffff'
}
});
Cufon.replace('.navigation li .active', {
hover: {
color: '#9e9e9e'
}
});
Cufon.replace('.navigation li a', {
hover: {
color: '#ffffff'
}
});
Cufon.replace('ul li a', {
hover: {
color: '#01bfef'
}
});
Cufon.replace('ul li a'); </script>
<style type="text/css">@import "$config[dir_templates]$config[template]";</style>
$sBanner

i to wszystko. Tymczasowo można zobaczyć efekt tutaj: http://obrazyolejne.cba.pl/?test,15

polecam temat przypiąć do FAQ - wszystko działą jak należy we wszystkich przeglądarkach nawet w IE6 śmiga ;)

» Quick.Cms v3.x

www.ObrazyGaleria.pl - galeria obrazów

Jupraw

2012-01-19 20:39

Faktycznie śmiga. Dzięki.

pxl666

2012-01-21 11:51

hm cienie czy raczej ten jasny glow ? a nie latwiej ustawic opacity z 0.7 do 1 - to samo css bez dodatkowej biblioteki - czasami moze miec znaczenie ...

euphoria-art

2012-01-21 12:57

Na pewno nie jest to to samo i nie ten sam efekt, mogę sobie tutaj ustawić kolor jaki chcę i efekt przejścia, czas przejścia.

www.ObrazyGaleria.pl - galeria obrazów

euphoria-art

2012-01-21 12:59

opacity z 0.7 do 1 nic nowego nie wnosi, zrób to lepiej i wklej niżej inni porównają czy lepszy Twój sposób czy mój.

www.ObrazyGaleria.pl - galeria obrazów

pxl666

2012-01-22 01:01

euforia ale ty sie unosisz... nie mowie ze twoj jest gorszy - jest ok tylko wymaga zaprzegania dodatkowej biblioteki do jednego tylko efektu natomiast efekt opacity dziala na golym css

nie mam zamiaru sie z niczym licytowac - jest efekt i jest ok - podalem tylko alternatywe

euphoria-art

2012-01-22 07:01

pxl666 sie nie unosze, tylko jak potrafisz to udoskonalić to napisz niżej poprawkę zamiast marudzić.

www.ObrazyGaleria.pl - galeria obrazów

euphoria-art

2012-01-30 02:16

skopiujcie jeszcze bibliotekę jquery-1.7.1.min.js
pobrać można ją z tąd - http://code.jquery.com/jquery-1.7.1.min.js
wystarczy wkleić cały kod do notatnika i zmienić nazwę i rozszerzenie na jquery-1.7.1.min.js i następnie wrzucić do katalogu core/