Nawigacja

Aktualnie online

Gości online: 6

Użytkowników online: 0

Łącznie użytkowników: 25,405
Najnowszy użytkownik: kipolas

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@

18.10.2025 19:31:20

Forum nie dziala nawet bez polskich znakow.

JazOOn

16.10.2025 18:21:12

nie dziala z polskimi znakami

Zbigniew@

12.10.2025 15:20:31

Tylko dla wybranych.

JazOOn

06.10.2025 21:00:15

czy shout dziala?

hoopak

02.10.2025 10:33:17

Bleeeeee

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 25.10.2025 00:55:30
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