Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][AJAX][PHP] Jak zrobić taki efekt
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


Witam,

na stronie

http://www.bilard-sport.pl/

po prawej stronie jest box "Ranking Polski (Top 5)" a w nim 5 nazwisk. Po kliknięciu w link robi się coś a la lightbox ale to nie fota tylko jakiś pewnie html.
Jak to osiągnąć?

pozdrawiam

Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




To jest Thickbox


--------------------
Go to the top of the page
+Quote Post
john_doe
post
Post #3





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


hej wookieb

zaskoczony.
przed postem zajrzałem w źródło. Obadałem thickbox i może złe dema ale thickbox to taki lightbox tylko inaczej się otwiera ( zawsze jpg czy tam inne foty smile.gif ), a tutaj jest jakby tabela html itd...
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




http://jquery.com/demo/thickbox/ -> examples -> inline content, ajax content, iframed content


--------------------
Go to the top of the page
+Quote Post
Kamil Pietrzak
post
Post #5





Grupa: Zarejestrowani
Postów: 213
Pomógł: 10
Dołączył: 7.01.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


dajesz to jak normalne okienko, prawie bez js, ladnie wystylizowac w css, a powieksza sie po odebraniu danych z ajaxa, dzieli czemu na poczatku bedzie male a zaraz sie otworzy
to tak najprosciej, bez efektow specjalnych

ale lepiej uzyc ktoregos z tych skryptow
http://fotoblogia.pl/2009/07/25/20-darmowy...nego-portfolio/
kilka z nich obsluguje nie tylko zdjecia
Go to the top of the page
+Quote Post
john_doe
post
Post #6





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


pewnie zrobiłem to zbyt naiwnie ale.

ściągnąłem
jquery, thickbox.js, thickbox.css

w kodzie załączam powyższe pliki i link daję tak


  1. <a href="ajaxTBcontent.html?height=200&width=300" class="thickbox" title="">Update ThickBox content</a>


i nie kosi
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 11:58