Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: potrójne zakładki ze zmianą grafiki
Forum PHP.pl > Forum > XML, AJAX
modern
Witam, mój problem jest bardzo głupi...
Męcze sie z tym - żeby nie skłamac - od około miesiąca... po pewnym czasie dałem sobie spokój ale teraz musiałem do tego wrócić.
Doszedłem do momenty gdzie potrafię stworzyć podwójne zakładki ze zmianą grafiki. Lecz przy trzech jest problem...
Dodam że wzorowałem się na gotowych skryptach podpatrzonych tutaj na forum, tudzież innych.
Wiem że trudno sobie wyobrazić o co mi chodzi dlatego postanowiłem zamieścić JPG'a layoutu tego ustrojstwa. Tak więc powoli, najpierw obrazek - potem wytlumacze.



I teraz tak, gdy klikne w Pulbikacje chciałbym aby obrazek tej zakładki zmienił się na inny - logiczne, taki który będzie wyglądał jakby zakładka była na pierwszym planie, a równoczesnie zakładka aktualności zmienila się na taką która wygląda jakby była na drugim planie. Tak samo z resztą zakładek. To chyba wie każdy.
Lecz nie każdy wie, ze obrazki zakładek są zupełnie różne i nie ma możliwości zrobienia jednego uniwersalnego dla wszystkich zakładek bo inaczej nie wyjdzie to co chce.

Już mi wypadają wlosy, mózg mi sie obraca... nie mam pojecia jak to zrobić... wszystko sie psuje i krzyzuje...

Prosze, pomóżcie... nie wiem nawet czy to odpowiedni temat... wydaje mi się ze w ajaxie robi się takie skrypty.
graft
Ja bym to na 2 obrazki rozwiązał: Pierwszy-aktualny (tak jak teraz jest Aktualności), a drugi to obrazek zakładki nieaktywnej.
Oba obrazki bez żadnych tekstów, ustawione na jako bg.

Żeby zakładka się zmieniała możesz np. wsadzić jakiegoś if'a:
  1. <?php
  2. if($jakas_zmienna='aktualności') {
  3.  echo '<img scr=obrazek1.gif>';
  4. }else{
  5.  echo '<img scr=obrazek2.gif>';
  6. }
  7. ?>


Jest dużo gotowców z zakładkami. Jak już napisałeś w dziale XML,AJAX, możesz obejrzeć przykład:
http://docs.jquery.com/UI/Tabs
vokiel
Poszukaj pod hasłem css tabs:
I raczej jeden obrazek w tle, który zawiera 2 lub 3 stany (normalny, aktywny i/lub mouseover), a w miare potrzeb zmiana jego pozycji.

css menus
tabs
csstabs
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.