Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [juery] opacity
Forum PHP.pl > Forum > Przedszkole
patryczakowy
czemu mi to nie działa
  1. <script type="text/javascript">
  2.  
  3.  
  4. $('div.slubymenu .makeHover').hover(function(){
  5. $(this).css('opacity', 1);
  6. },function(){
  7. $(this).css('opacity', 0.1);
  8. });
  9.  

i obrazek który powinien sie przyciemniać

  1. <div class="slubymenu"><a href="#"><img src="obrazy/1.przygotowania.jpg" alt="" class="makeHover"/><br/>Przygotowania</a></div>


Z góry dzięki za odpowiedź
gg1985
1 i 0.1 chyba też powinny być w apostrofach
patryczakowy
apostrofy też nie pomagają
wookieb
ech... wrzuc ten swoj kod tutaj
Kod
$(document).ready(function()
{
// twoj kod
});

I teraz sprawdź. A potem konsolę błędów.
gg1985
zamien makeHover na 'a img' - u mnie działa

Edit:

Dziwne rzeczy tak jak niżej też działa

Kod
<script type="text/javascript">
$(document).ready(function() {
$('div.slubymenu .makeHover').hover(function(){
$(this).css('opacity', 1);
},function(){
$(this).css('opacity', 0.1);
});
});
</script>
patryczakowy
Cytat(wookieb @ 19.07.2009, 16:04:31 ) *
ech... wrzuc ten swoj kod tutaj
Kod
$(document).ready(function()
   {
   // twoj kod
   });

I teraz sprawdź. A potem konsolę błędów.


nie pomogło

Cytat(gg1985 @ 19.07.2009, 16:06:30 ) *
zamien makeHover na 'a img' - u mnie działa

Edit:

Dziwne rzeczy tak jak niżej też działa


kurcze ja mam wrażenie że u mnie coś wo gule jQuery nie działa bo nawet ten kod mi nie działa:

  1. $("p").fadeTo("slow", 0.5, function(){
  2. alert("Animation Done.");

co może być nie tak? jQuery mam dołączone
wookieb
To zapodaj link do strony.
Wręcz mogę się założyć, że nie zajrzałeś do konsoli błędów.
gg1985
a działa Ci:

Kod
<script type="text/javascript">
$(document).ready(function() {
alert('sdfsdf');
});
</script>
patryczakowy
Zadziałało w taki sposób
  1. <script type="text/javascript">
  2. $(document).ready(function()
  3. {
  4.  
  5. $('div.slubymenu .makeHover').hover(function(){
  6. $(this).css('opacity', '1');
  7. },function(){
  8. $(this).css('opacity', '0.5');
  9. });
  10.  
  11.  
  12. });

brakowało mi nawiasu i średnika na końcu tylko jest mała rzecz jak się wgra to obrazki są normalne po przejechaniu myszką pociemnieją się i zostają pocienione i jak drugi raz najeżdżam to dopiero się podświetla .
Można zrobić jakoś żeby od razu były przyciemnione?
wookieb
Kod
$('div.slubymenu .makeHover').each(function()
{
// zrob swoje
});
patryczakowy
Dobra Panowie udało się wielkie dzięki za zainteresowanie i szybką i fachową pomoc Wielki "plusior" dla wszystkich zainteresowanych.

A na marginesie ktoś może podpowie jaki jeszcze fajny efekt dorzucić do tego przyciemniania. Może jakieś skręcanie, rozmazywanie?
wookieb
Cytat(patryczakowy @ 19.07.2009, 16:34:54 ) *
Może jakieś skręcanie, rozmazywanie?

Nie uzyskasz żadnego z podanych.
patryczakowy
Cytat(wookieb @ 19.07.2009, 16:35:30 ) *
Nie uzyskasz żadnego z podanych.


No szkoda a mam jeszcze pytanie z innej beczki używam tego skryptu do galerii http://coffeescripter.com/code/ad-gallery/ czy jest jakiś sposób żeby zintegrować go z light-boxem chodzi o to że jak pokazuje się duże zdjęcie to chciałbym aby można było jeszcze na nie kliknąć aby pokazało się w pełnych wymiarach na przyciemnionym tle czyli tak jak lightbox?

--- edit
Mam pomysł jak dodać że jeśli coś ma taką klasę to niech znajdzie się pomiędzy <a href=""></a>
jest taka możliwość?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.