Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Wyświetlanie obrazka/Pasek postępu
Forum PHP.pl > Forum > Przedszkole
deadmen4
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.
Spawnm
  1. echo '<img src=>';

ew. zainteresuj się biblioteką GD.
deadmen4
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)
piotrooo89
możesz je wy pozycjonować absolutnie.
Spawnm
np.
  1. img{ position : absolute}

deadmen4
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ź?
Spawnm
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
deadmen4
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...
Spawnm
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.
deadmen4
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... ;(
Spawnm
zobacz number_format
deadmen4
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. ?>
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.