Preskoči na sadržaj
Ista raja. Nova runda.
GAMERZ.ba — REBORN
Diskusija Zaključana

Kodiranje slike

408 pregleda · 10 odgovora · otvorena 27.03.2012. u 19:04

Vozdra,

Imam jednu sliku, i zanima me jedna stvar vezana za nju.



Mene zanima da li postoji mogućnost da se na njoj, u dreamweaveru ili nekom drugom programu, napravi da se može kliknuti na svakog igrača pojedinačno i da vodi na unaprijed zadan link? Taj kod bi bio ubačen u joomlu i trebao bi da radi.

Ukoliko jeste, bio bih zahvalan da me uputite na neki tut, a ako nema tut a znate, voljan sam da platim kreditom da mi neko objasni.
Moze , moze al samo treba skontat kako :o
- Teško da možeš šta tako uraditi, jer je slika kao jedna cjelina .
Mogao bi samo uraditi u HTML-u samom tzv. map code ...
To ti je ovo :

Uzme sliku, odredi koordinate, i za određene koordinate dodjeljuje posebne linkove 


EDIT: Kao što kaže daha, vrlo stara metoda, ali bi ti mogla to srediti
Ako hoces sve kao sliku googlaj photoshop slice to html. Ako ne onda css i float ili cak tabele u htmlu, mada je to zastarjelo pravo
Ako sam dobro shvatio sta trazis, moze.

<a href=""><img src=""></img></a>

to ti je osnovno
MarioMaxy je napisao/la:
- Teško da možeš šta tako uraditi, jer je slika kao jedna cjelina .
Mogao bi samo uraditi u HTML-u samom tzv. map code ...
To ti je ovo :

Uzme sliku, odredi koordinate, i za određene koordinate dodjeljuje posebne linkove 


EDIT: Kao što kaže daha, vrlo stara metoda, ali bi ti mogla to srediti
Pa to mi treba mačko, te koordinate... Samo kolika je mogućnost da bih ja nešto tako komplikovano znao uraditi?
reLo je napisao/la:
Pa to mi treba mačko, te koordinate... Samo kolika je mogućnost da bih ja nešto tako komplikovano znao uraditi?
To ti je lako, evo našao sam ti tutorial, samo prati lijepo 

http://www.elated.com/articles/creating-image-maps/

Koordinate određuješ tako što sliku otvoriš u paintu, i naciljaš na donji lijevi ugao, zapišeš X i Y , i onda gornji desni ugao i zapišeš X i Y ... I za svaki slice tako !

Kasnije kad stvoriš sebi template sve ti je lako, kasnije samo mjenjaš linkove do tih opisa igrača, s' tim da se moraš držati istih veličina te slike 

GL

Ako treba kakva pomoć javi na PM, sada odo na trening, al' odg. ću čim se vratim



EDIT :

Evo ti jedan brzi kod napisao sam, uradio sam ti za Cech-a, ti uradi ostalo. Lagano je, samo izmjeni koordinate i href link


KOD :

<html>
<head>
</head>
<body>

<img src='http://i.imgur.com/3Mt6r.png' alt='Shapes' usemap='#shapes' />

<map name="shapes" id="shapes">

<area shape="rect" coords="200,62,249,10" href="http://gamers.ba/" />

</map>


</body>
</html>



Save as -> nesto.html & run



@armany

Nisi shvatio, don't bother 

Post dobio aplauz od skile

reLo je napisao/la:
Pa to mi treba mačko, te koordinate... Samo kolika je mogućnost da bih ja nešto tako komplikovano znao uraditi?
Ako sam dobro shvatio sta trazis (kada kliknes na sliku nekog igraca da te odvede na njegov recimo profil), moze.

To ti je osnovno

<a href=""><img src=""></img></a>

unaprijed u cssu napravis fino divove i sve, i laganini
armany je napisao/la:
Ako sam dobro shvatio sta trazis (kada kliknes na sliku nekog igraca da te odvede na njegov recimo profil), moze.

To ti je osnovno

<a href=""><img src=""></img></a>

unaprijed u cssu napravis fino divove i sve, i laganini
Nisi me dobro shvatio, pomogao mi je MarioMaxy, samo da ihavizam ovaj tutorial i to je to.
reLo je napisao/la:
Nisi me dobro shvatio, pomogao mi je MarioMaxy, samo da ihavizam ovaj tutorial i to je to.
Moguce je evo i primer http://stforum.x10.mx/m0k1/ (dugme kupi) Inace kordinate nadjem u paint ... Evo i kako



<map name="slika1">
<area shape="rect" coords="103,100,179,131" href="$link">
</map>
<img src="grupon1.php" usemap="#slika1"><img src="grupon2.php" usemap="#slika1"><img src="grupon3.php" usemap="#slika1"><img src="grupon4.php" usemap="#slika1">



To je source ... E kao sto mozes da vidis ima prve 2 i 2 kordinate ... Evo kako dobijes prve 2



Druge dve dobijes isto tako samo kontra .... Primer

1------------------------|
| slika - slIKA - nnn|
| nnnnnnn - slika - |
-------------------------2


e sada oni kada kliknu u taj kvadratic u mom slucaju "href="$link" ce ih redirekt na $link ...


Nadam se da sam ti pomogao 

Post dobio aplauz od skile

Prijavi se da bi odgovorio/la na ovu temu.