[html] tlo w div'ie Opcje

[piasekps]

Czesc

Mozecie mi powiedziec czy da sie jakos zrobic, aby wrzucany obrazek w tlo div'a
rozciagal sie/skalowal sie do rozmiarów div'a w ktorego sie laduje?
obecnie to aby wypelnic miejsce w div'ie background-image powiela sie az uzupelni
calkowicie powierzchnie div'a

Z gory dziekuje za wszelkie sugestie
Pozdrawiam P.S.

[tommy4]

Zapewne nie znasz wymiarów tego diva. Musiałbyś przez javascript (który pobiera wysokość i szerokość diva) załadować obrazek z serwera z pliku php, który pobiera w $_GET wysokość i szerokość następnie skaluje obrazek i go zwraca, dzięki czemu ustawiasz go w tle znowu przez javascript.

Możesz także ustawić tło jako zwykły obrazek, a pomyśleć trochę nad pozycjonowaniem drugiego diva z z-indexem większym od tego, który ma tło.

Ten post edytował tommy4 3.07.2007, 07:08:03

[misiek172]

niewiem czy da sie to zrobic w czystym w CSS ale moze poprostu jako tło diva daj:

background-image: url('skrypt_skalujacy_obrazek.php?nazwa=nazwa_obrazka&x=dlugosc_diva&y=wysokosc_diva');

przy wywołaniu plik on sie wykona, a w nim skalujesz sobie dany obrazek i wypluwasz JPG

[piasekps]

ok umiescilem skrypt skalujacy obrazek w osobnym pliku 'resizeImage.php'
1.) czy szerokosc i wysokosc div'a pobrane poprzez

[HTML] pobierz, plaintext 
var wysokosc = document.getElementById('cale').offsetHeight
var szerokosc = document.getElementById('cale').offsetWidth
[HTML] pobierz, plaintext 

moge umiescic w kodzie php tylko poprzez window.location ?

2.) w jaki sposob najlepiej zrobic to jesli mam kilka div'ow generowanych
poprzez petle for

oto jak wyglada kod

plik glowny.php

[PHP] pobierz, plaintext 
<center>
<?php				  
		 echo '<object data="firmy/okno.php?woj='.$name.'" type="text/html"height='.$h.' width=85% style="padding-top:30px;">Twoja przeglądarka nie obsługuje polecenia Object</object>';
?>		
		 </center>
[PHP] pobierz, plaintext 

plik okno.php

[PHP] pobierz, plaintext 
?>	 
		<center>
		<script type="text/javascript">
		var wysokosc = document.getElementById('cale').offsetHeight
		var szerokosc = document.getElementById('cale').offsetWidth
		window.location="okno.php?w="+wysokosc+"&h="+szerokosc;
		</script>
		<div class="k1"> 
<?php		 
	   for($i = 0; $i < count($plik); $i++)
		 {
?>
		<div id="cale" style="background-image: url('resizeImage.php?&x=
<?php 
			   $_GET['w']
?>
			   &y=
<?php 
			   $_GET['h']
?>
			   &nazwa=
<?php	 
			   'd'.$i.'.png'
?>
			   ');">
		<div class="title">
?>
[PHP] pobierz, plaintext 

co chce zrobic tutaj to umiescic tlo div'a ktory zostanie przeskalowany
do wielkosci div'a

ale z takim kodem nic sie nie pojawia, ani przeskalowane tlo ani zaden blad

do skalowania grafiki uzywam tego skryptu

dziekuje za jakis cynk

[misiek172]

niestety AJAX chyba nie obsługuje obrazków ale za to obsługuje text, a PHP posiada funkcje kodującą obrazek na jakiś dłuuuuuugi string, i AJAXem sobie go przeźlesz i odkodujesz spowrotem . Ale wymyśliłeś z tym ;P

Inaczje mozna dopasować to tak naprawde (przypomniało mi sie teraz )

CSS filter

on ma polecenie scale i wtedy sie doskaluje (rozciągnie do obiektu, tabelki, etc.)

[qwaq]

To tylko pomysł ale pewnie wstawiając obrazek w div mozesz określić jego wymiary za pomocą htmlowego width i height.

a gdyby tak ustawić oba parametry na "100%" ?

np.: width="100%"

Ten post edytował qwaq 9.07.2007, 09:07:59

[piasekps]

misiek a moglbys mi zapodac jakies namiary, gdzie moglbym poczytac wiecej o tym CSS filter
bo to co znalazlem to raczej jest do 'upiekszenia' grafiki porzez rozmycia, cieniowani i inne takie
a nic o skalowaniu nie znalazlem

z gory dzieki