Nawigacja

Aktualnie online

Gości online: 15

Użytkowników online: 0

Łącznie użytkowników: 25,393
Najnowszy użytkownik: Assassin

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

JazOOn

06.12.2024 23:45:46

Amen

Zbigniew@

17.11.2024 11:33:24

Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn

16.11.2024 20:46:18

tja

Zbigniew@

15.11.2024 18:58:17

Kto pije, ten nie bije.

JazOOn

31.10.2024 20:49:47

Kto pije?

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Zobacz temat

Polski Oficjalny Support PHP-Fusion » Podstawowe zagadnienia związane z PHP-Fusion » Przedszkole

Efekt rozjaśniającego się obrazka
Smoky	#1 Dodany dnia 30.08.2009 10:10:04
Przedszkolak Postów: 7 Ostrzeżeń: 4 Data rejestracji: 16.08.2009 16:18	Witam, mam pytanie, jak zrobić efekt rozjaśniającego się obrazka, nie wiem jak to wytłumaczyć ale podam linka aby zobaczyć jak to wygląda http://narutotv.p... panel Elita. Kiedy najedzie się na button, przybiera on swoją prawdziwą barwę Z góry dzięki za odp. Pozdrawiam


Wścibski Gość	Dodany dnia 22.12.2024 17:10:14
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Bochen	#2 Dodany dnia 30.08.2009 11:11:11
Bywalec Postów: 380 Pomógł: 37 Data rejestracji: 18.03.2009 18:01	Są dwa sposoby na to... Że po najechaniu myszką podmienia obrazek (co jest gorsze, bo trzeba czasu by wczytało drugi obrazek, ale łatwiejsze zarazem. Rozwiń Kod źródłowy `<img src='adres obrazka' alt='' border='0' onmouseover=\"this.src = 'adres obrazka po najechaniu myszką'\" onmouseout=\"this.src = 'adres obrazka'\"/>` Drugie wyjście jest oparte na CSS i jest o tyle lepsze, że obrazek jest wczytywany wraz ze stroną i nie trzeba czekać aż się przeładuje. to wstawiasz na swoją strone, gdzie chcesz mieć obrazek: Rozwiń Kod źródłowy `<a target='_blank' href='adres odnosnika' id='przyklad'>` A to dodajesz do swojego pliku CSS: Rozwiń Kod źródłowy `a#przyklad { background-image: url('adres obrazka'); background-repeat: no-repeat; width: 120px; height: 90px; display: block; overflow: hidden; } a:hover#przyklad { background-position: -120px 0px; }` W tym wypadku tworze grafikę z bladym kolorem i w tym samym obrazku logo w pełnym kolorze. W tym wypadku po najechaniu grafika przesuwa się o 120px w prawo pokazując kolorową grafikę. By lepiej zobrazować to, co mam na myśli wrzucam grafikę z mojej strony Bochen dodał/a następującą grafikę: Edytowane przez Bochen dnia 30.08.2009 11:19:07 Prawdziwy mężczyzna nie je miodu, prawdziwy mężczyzna żuje pszczoły!


Matts	#3 Dodany dnia 30.08.2009 11:11:11
Przedszkolak Postów: 41 Pomógł: 3 Data rejestracji: 09.12.2007 11:19	http://www.dynami...lfader.htm Tutaj jest opisane jak to zrobić na przykładzie obrazków.


kefirek	#4 Dodany dnia 30.08.2009 11:31:16
Zaawansowany Postów: 1191 Pomógł: 418 Ostrzeżeń: 1 v6.00.xxx Data rejestracji: 06.04.2008 21:59	W jquery wystraczy takie coś Rozwiń Kod źródłowy `<html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function() { $('.op').hover(function(){ $(this).css('opacity', 1); },function(){ $(this).css('opacity', 0.5); }); }); </script> </head> <body> <img class="op" src="test.jpg" /> </body> </html>` I potem do obrazka dodajesz class="op" Przykład działania http://www.fusion....pl/op.htm Edytowane przez kefirek dnia 30.08.2009 11:35:49


reddevil-85	#5 Dodany dnia 16.04.2010 16:48:33
Przedszkolak Postów: 37 Pomógł: 1 Data rejestracji: 28.08.2009 15:07	Mam pytanie, jak zastosować to w button panelu ? Żeby działał wymieniony wyżej efekt dotyczący obrazków. Użyłem : Gradual Element Fader Do HEADER dopisałem: Rozwiń Kod źródłowy `echo "<script type='text/javascript' src='".INCLUDES."gradualfader.js'></script>\n"; echo "<script type=\"text/javascript\" src=\"".INCLUDES."gradualfader.js\"> /*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use *********************************************/` Do folderu INCLUDES wrzuciłem gradualfader.js A w button_panel dopisałem: class='gradualfader' Rozwiń** Kod źródłowy //$szer = $theme_width_r-10; $result = dbquery("SELECT * FROM ".DB_BUTTONS.""); echo "<table cellpadding='0' cellspacing='0' border='0' width='100%' align='center'><tr align='center'>\n"; echo "<center><align='right' class='gradualfader' valign='bottom' direction='left' width='120' height='60' scrollamount='1' scrolldelay='1' onmouseover='this.stop()' onmouseout='this.start()'>\n"; while ($data=dbarray($result)) { echo "<a href='".INFUSIONS."button_panel/button.php?button_id=".$data['button_id']."' target='_blank'><img src='".$data['button_pic']." 'class='gradualfader' border='0' style='filter:alpha(opacity=30) ; padding-right:2px' onMouseOver='nereidFade(this,100,10,30)' onMouseOut='nereidFade(this,30,10,5)' title='".$data['button_name']."' alt='".$data['button_name']."' /></a>"; } echo "\n</center>\n</tr></table>\n"; Drugi kod umieszczamy w footer przed echo "</body>\n</html>\n"; Rozwiń Kod źródłowy `echo "<script type=\"text/javascript\"> gradualFader.init() //activate gradual fader </script>";` Efekt można zobaczyć na mojej stronie na samym dole http://www.grupae...s/news.php. Proszę o przeniesienie posta. Udało się ;) Edytowane przez reddevil-85 dnia 16.04.2010 20:46:12

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat