Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP]Wyświetlanie obrazka/Pasek postępu
deadmen4
post 26.03.2010, 16:56:22
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Witam,

Wiem że to banalne pytanie ale o dziwo nigdzie nie mogłem znaleść konkretnej odpowiedzi. Jakim poleceniem wyświetlić obrazek? Tzn. pomiędzy znacznikami <?php ... ?>
muszi to być.

A tak wogule to chodzi aby gdy spełniony jest warunek, wyświetlał się obrazek:

  1. <?php
  2.  
  3. if($dane>100) {
  4.  
  5. ....
  6.  
  7. }


pzodr.

Ten post edytował deadmen4 26.03.2010, 21:38:51


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
Spawnm
post 26.03.2010, 17:00:25
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




  1. echo '<img src=>';

ew. zainteresuj się biblioteką GD.
Go to the top of the page
+Quote Post
deadmen4
post 26.03.2010, 17:32:15
Post #3





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Jeszcze takie pytanko. Jak zrobic aby 2 obrazki nakładały się na siebie. Bo jak poprostu wczytuje 2 obrazki to są obok siebie a jak zrobic by sie pokryly (jeden w tym samym miejscu co drugi)


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
piotrooo89
post 26.03.2010, 17:34:51
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




możesz je wy pozycjonować absolutnie.


--------------------
Go to the top of the page
+Quote Post
Spawnm
post 26.03.2010, 17:35:48
Post #5





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




np.
  1. img{ position : absolute}

Go to the top of the page
+Quote Post
deadmen4
post 27.03.2010, 12:17:20
Post #6





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Hmm... absolute przyłożyło do okna, a ponieważ mam to w divie to użyłem fixed. Tylko, że nie nachodziły na siebie.
Dla próby użyłem poprostu Relative, ale wiem, że to nie najlepszy sposób.

  1. <img style="width: 700px; height: 30px; position: fixed; left: 0mm; bottom: 0mm;" src="img/tlo.jpg" />
  2.  
  3. <img style="width: 700px; height: 30px; position: relative; bottom: 31px;" src="img/pasek.jpg" />


Moim celem jest stworzyc "pasek postępu" dlatego pierwszy obrazek to samo tło(z obramowaniem), a drugi to pasek w kolorze ma go wypełniać (dlatego określiłem szerokość, którą bede zmieniał).

Mógłbym prosić o pomoc jak to najlepiej stworzyć... Spróbowałem tak:

  1. <div style="align:left; width: 700px; height: 30px; background-image:url('img/tlo.jpg')"></div>
  2. <div style="float:left; width: 700px; height: 30px; background-image:url('img/pasek.jpg')"></div>
  3.  
  4.  


Ale jakoś nie chce działać :[ axesmiley.png

Potrafi ktoś pomóc?

?

Mogę prosić o odpowiedź?

Ten post edytował deadmen4 26.03.2010, 20:54:18


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
Spawnm
post 27.03.2010, 12:29:22
Post #7





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




skoro to ma być pasek postępu to może daj 2 divy , jeden w drugim .
  1. <div id='d1'>
  2. <div id='d2'></div>
  3. </div>

#d1 pokazuje ile się jeszcze nie załadowało , powiedzmy że ma tło czerwone . #d2 to pasek postępu , ma tło niebieskie , zmieniasz mu tylko % width.

A jeśli chodzi o nakładanie obrazków to obu nadaje position: absolute, za pomocą z-index określasz który ma być na górze , a dzięki 'left' i 'top' określasz ich położenie na stronie
Go to the top of the page
+Quote Post
deadmen4
post 27.03.2010, 13:24:12
Post #8





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Dzięki. Troche popracowałem i wszystko działa. Tylko kurcze niemam za bardzo czym zrobić takiej grafiki, a odziwo nigdzie nie moge znaleść paska w dwóch plikach.

Macie może jakieś? Wymiary dowolne...


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
Spawnm
post 27.03.2010, 13:35:53
Post #9





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




wygeneruj sobie w canvas jakiś gradient i daj go jako tło , ew ustaw zwykły background: blue; . Chyba że chcesz jakieś dziwne cuda, ale to już nie w tym temacie takie bajery.
Go to the top of the page
+Quote Post
deadmen4
post 27.03.2010, 19:38:28
Post #10





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Ok dzięki, poradziłem jakoś.

Nie chce zakładać nowego tematu więc tu zapytam:
Jak zrobić by wyświetlaną liczbę wyświetlał tylko np. jedno miejsce po przecinku.

Dodam że ta liczba to:
  1.  
  2. $dane[0]*100/$wejscia
  3.  

Kurde, szukałem ale jakoś nie chce dziłać nic... ;(


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
Spawnm
post 27.03.2010, 19:45:58
Post #11





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




zobacz number_format
Go to the top of the page
+Quote Post
deadmen4
post 27.03.2010, 21:13:00
Post #12





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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


Hmmm.... Ta funkcja tylko zmieni format wyświetlania, a nie OBETNIE liczby. Poprostu mam liczbę (zmienną), która czasem jest np. 45 , a czasem 69.21548456
I poprostu ma wyświetlać tylko 69.2

Jak liczba jest całkowita to może obojętnie czy pokaże 45 czy 45.0

Ma ktoś jakichś pomysł? sciana.gif

?

OK. smile.gif Już sobie poradziłem. Użyłem ROUND.

  1. <?php
  2. echo round($dane[0]*100/$wejscia, 1);
  3.  
  4. ?>


--------------------
zmoderowano - waga i rozmiar
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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 16:04