Obrazek zakrywający tekst

Obrazek zakrywający tekst

furman12 Zobacz profil	31.12.2009, 15:49:30 Post #1
Grupa: Zarejestrowani Postów: 118 Pomógł: 4 Dołączył: 3.12.2009 Ostrzeżenie: (0%)	Witam jąk skonstruować coś takiego, mam obrazek, który ma zakrywać jakiś tekst, po kliknięciu w ten obrazek, ma on zniknąć ukazując tekst. Czy w ogóle da rade zrobić coś takiego w php?

Odpowiedzi (1 - 7)

black.old.cat Zobacz profil	31.12.2009, 16:39:37 Post #2
Grupa: Zarejestrowani Postów: 37 Pomógł: 8 Dołączył: 8.11.2009 Ostrzeżenie: (0%)	[PHP] pobierz, plaintext <?php echo isset($_GET['text']) ? 'jakis text' : '<a href="?text"><img src=""></a>'; ?> [PHP] pobierz, plaintext

emtiej Zobacz profil	31.12.2009, 17:38:26 Post #3
Grupa: Zarejestrowani Postów: 207 Pomógł: 18 Dołączył: 12.04.2009 Skąd: Rypin Ostrzeżenie: (0%)	jeżeli ma to się dziać automatycznie i bez przesyłania jakichkolwiek danych, to polecam CSS+XHTML, mianowicie poczytaj o warstwach i pozycjonowaniu w CSS + HOVER http://www.kurshtml.boo.pl/css/nakladanie,...cjonowanie.html

vonski Zobacz profil	31.12.2009, 17:56:26 Post #4
Grupa: Zarejestrowani Postów: 292 Pomógł: 89 Dołączył: 27.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)	Ewentualnie możesz użyć jQuery (albo "czystego" JS, ale w jQuery jest chyba prościej (IMG:style_emoticons/default/smile.gif) ). Coś na wzór: [PHP] pobierz, plaintext <script type="text/javascript"> $(document).ready( function() { $("#obrazek").click( function() { $("#obrazek").toggle(); }); }); </script> [PHP] pobierz, plaintext a w CSS pozycjonujesz obrazek tak, żeby zakrywał dany tekst i nadajesz mu odpowiednie id (dla tego przykładu "obrazek"). [HTML] pobierz, plaintext <img style="position: absolute; top: 0px;" id="obrazek" src="obrazek.jpg" /> [HTML] pobierz, plaintext No i oczywiście w <head></head> musisz podać ścieżkę do pliku .js z jQuery.

black.old.cat Zobacz profil	31.12.2009, 20:53:31 Post #5
Grupa: Zarejestrowani Postów: 37 Pomógł: 8 Dołączył: 8.11.2009 Ostrzeżenie: (0%)	Jezeli chodzi o css : [HTML] pobierz, plaintext <html><head><style type="text/css"> div { width:200px; height:20px; } div { font-size : 0; } div img{ width:200px; height:20px; } div:hover img{ width: 0; height: 0; } div:hover{ font-size : 20px; } </style></head><body> <div><img src=''>text</div> </body></html> [HTML] pobierz, plaintext Ten post edytował black.old.cat 31.12.2009, 20:55:38

emtiej Zobacz profil	31.12.2009, 21:19:48 Post #6
Grupa: Zarejestrowani Postów: 207 Pomógł: 18 Dołączył: 12.04.2009 Skąd: Rypin Ostrzeżenie: (0%)	Cytat(black.old.cat @ 31.12.2009, 20:53:31 ) Jezeli chodzi o css : [HTML] pobierz, plaintext <html><head><style type="text/css"> div { width:200px; height:20px; } div { font-size : 0; } div img{ width:200px; height:20px; } div:hover img{ width: 0; height: 0; } div:hover{ font-size : 20px; } </style></head><body> <div><img src=''>text</div> </body></html> [HTML] pobierz, plaintext O właśnie, bardzo dobre rozwiązanie, chodziło mi o nieco inną metodę, ale ta też jest bardzo dobra (IMG:style_emoticons/default/smile.gif)

furman12 Zobacz profil	31.12.2009, 22:49:06 Post #7
Grupa: Zarejestrowani Postów: 118 Pomógł: 4 Dołączył: 3.12.2009 Ostrzeżenie: (0%)	Hover nie działa czasem przy najechaniu? Mi chodzi o kliknięcie. Może zamiast hover dać active? Chodzi mi o odkrywanke, ale właściwie efekt zdrapki byłby lepszy, ale css czy php tego nie wykonają. A może się mylę? No ale cuż dzisiaj sobie już odpuszcze, bo trzeba świętować nowy rok. PS: Życzę wszystkim szczęśliwego nowego roku! Happy new year everybody! Ten post edytował furman12 31.12.2009, 22:50:38

emtiej Zobacz profil	1.01.2010, 01:55:57 Post #8
Grupa: Zarejestrowani Postów: 207 Pomógł: 18 Dołączył: 12.04.2009 Skąd: Rypin Ostrzeżenie: (0%)	Tak ACTIVE zda egzamin, a jeżeli chciałbyś pobawić się w skrypt zdrapki, no to tylko w JAVASCRIPT

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 22.08.2025 - 16:44

Hosting zapewnia

Forum PHP.pl