Háttér változtatás, a felhasználó által feltöltött képre, hogyan lehetséges a lehető legegyszerűbben?
Készítettem egy kezdőlapot magamnak, amiben linkek és néhány hasznos script van. Ez csak szimplán a magam felhasználására van, de van amit nem tudok megvalósítani.
Ennek a kezdőlapnak a hátterét megváltoztathatom úgy hogy szimplán felülírom a már beállított hátteret.. de, praktikusabbá szeretném tenni úgy hogy az oldalon elhelyezek néhány FORM -ot, mint a fájl feltöltéseknél szokott lenni, de a feltöltés valójában az lenne hogy:
A kijelölt jpeg/jpg felülírja a meglévő, beállított hátteret.
Ezáltal lecserélődne a kezdőlap háttere.
Például kijelölöm: Abstract.jpg képet, és az "OK" gombra kattintva ez a fájl felülírja az oldal hátterét, ami "BG.jpg" néven van.
Ha lehetséges valahogy, lehetőleg a legegyszerűbb módon (túlzottan nem vagyok benne a témában) légyszi írja meg vki.
válasza:Ehhez nem elég javascript.
Kell hozzá sütikezelés, nem árt, hogyha a júzer adatbázisba is bekerül, és amit feltölt képet mondjuk "userbg_$user_id.jpg" névvel kerül feltöltésre a szeróba. Oldaltöltéskor megnézi a sütit/adatbázist, csekkolja, hogy létezik-e a kép (akár javascripttel bár akkor már inkább phpvel), ha igen akkor mondjuk inline módon beleírni, pl
<?php
$sessionID = $_COOKIE['mypage_session'];
/* ide valami regexpes sessionID ellenőrzés nem árt, nehogy mysql injectálás legyen a móka vége */
if ($sessionID){
$user = mysql_fetch_array("select user_id from users where session_id = '$sessionID');
$image_url = "user_backgrounds/userbg_" . $user['user_id'] . '.jpg';
if (!is_file($image_url)) $image_url = "user_backgrounds/default.jpg"; // valami gebasz van, és nincs ilyen fájl, vissza a defaultra
}
else $image_url = "user_backgrounds/default.jpg"; // nincs süti, vagy most jött az oldalra, vagy törölte a sütit, vagy valami gebasz van, vissza a default képre
<body background="$image_url">
...
</body>
vagy ha wrapper háttérnek akarod, mondjuk egy divbe akkor pl:
<div style="background: url('<?php echo $image_url?>') no-repeat 0 0 transparent;">
...
</div>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!