Nepravidelne obrazky na web

Programovacie jazyky, rady, poradňa...
TimeCOOLer
Amateur
Amateur
Príspevky: 22
Registrovaný: 04 aug 2009, 20:54

Nepravidelne obrazky na web

Príspevok od používateľa TimeCOOLer »

ahojte, chcem sa opytat ci sa da bud v HTML, CSS, PHP alebo v javascripte urobit nieco take ze:
standartne sa obrazky daju dat jeden vedla druheho, aa vecsinou su hranate... aale povedze ze chcem mat obrazok (nieco take ako toto ludske telo)

Kód: Vybrať všetko

http://www.zborovna.sk/kniznica.php?action=show_thumbnail&id=3477&type=2
zee by som ho rozrezal, aa zaludok, srdce, creva by bol kazdy samostatny (nepravidelny) napr. png obrazok, aa potreboval by som ich ale ulozit/poskladat do povodneho poradia... cize vysledny efekt by bol taky zee mal by som taketo ludske telo ktore by sluzilo ako "menu" cie obrazky s odkazmi, teda kliknem na zaludok aa otvori sa mi stranka o zaludku, kliknem na srdce aa otvori sa mi stranka o srdci, atd. atd... :D
P.S - to ludske telo je len priklad koly nepravidelnosti obrazkov... D:
uplink
VIP
VIP
Používateľov profilový obrázok
Príspevky: 15220
Registrovaný: 22 máj 2005, 23:01
Bydlisko: Hnúšťa
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa uplink »

jquery, alebo ak chceš, javascript. Tam sa to dá pekne robiť cez "vrstvy" [posúvaš jednotlivé elementy na Zkovej osy]. Alebo flash :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa audiotrack »

žiaľ uplink, zase sa škrabeš pravou rukou na lavom uchu. Toto je ukážkový prípad na mapu
Spravil by to aj cez css a spomínaný z-index, no v prípade že by to mali byť klikateľné odkazy tak narazíš na problém. Tudy cesta nevede
uplink
VIP
VIP
Používateľov profilový obrázok
Príspevky: 15220
Registrovaný: 22 máj 2005, 23:01
Bydlisko: Hnúšťa
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa uplink »

audiotrack - moja experience v tejto oblasti nesiahá tej Tvojej ani po prach pod Tvojími nohami :) Ty máš kľúče od miešačky, jednoznačne :D :P

Ja som mysueu že to chce aj interaktívne, nejaké vysúvacie a tak :D proste "rozsekané". Image mapy poznám, ale sú obsolete tuším :D
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa audiotrack »

area má event onmouseover aj onmousemove či onmouseclick takže nie je problém z tej mapy spraviť aj vysúvačky a podobne
TimeCOOLer
Amateur
Amateur
Príspevky: 22
Registrovaný: 04 aug 2009, 20:54

Re: Nepravidelne obrazky na web

Príspevok od používateľa TimeCOOLer »

Noo, presne... Ta mapa je fajn, no to di vlastne len akoby pomocou suradnic vytvorim neviditelnu vrstvu na tom obrazku... Aale chcem tam aj podobny efekt ako ze po prejdeni misou sa mi obrazok (napr. Zaludok) zvecsi o 1mm, alebo zmeni farbu alebo podobne (nespomeniem si teraz ako sa ta funkcia vola ale pouziva sa to bezne v menu...) podobne ako to ma

Kód: Vybrať všetko

oohland.sk
ale ten to ma az moc prekombinovane a vo flashi, ja to az tak zas nepotrebujem...
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa audiotrack »

http://interval.cz/clanky/interaktivni- ... r-efektem/
tu máš návod ako to spraviť aby sa menili farby. Zväčšovanie by bolo príliš zložité
TimeCOOLer
Amateur
Amateur
Príspevky: 22
Registrovaný: 04 aug 2009, 20:54

Re: Nepravidelne obrazky na web

Príspevok od používateľa TimeCOOLer »

aaanooo! presne toto som hladal, dik idem to hned skusit :)

//autoeditácia príspevku (14 Mar 2011, 16:43)
kokoooooosss to nemyslite vazne!!! ved to je cisto sialene vypisovat takto tie suradnice :( to musi ist aj inac... nie?
markus
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 950
Registrovaný: 24 feb 2005, 23:53

Re: Nepravidelne obrazky na web

Príspevok od používateľa markus »

Adobe Dreamweaver vie na 100% robit mapy tak ze si to len oklikas a mas za minutu
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa audiotrack »

každý lepší editor to vie, dokonca aj niektoré slabšie (napr. frontpage)
TimeCOOLer
Amateur
Amateur
Príspevky: 22
Registrovaný: 04 aug 2009, 20:54

Re: Nepravidelne obrazky na web

Príspevok od používateľa TimeCOOLer »

hheej? vazne? super idem stahovat dreamvaver aa ako sa vola ta funkcia ? dik
markus
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 950
Registrovaný: 24 feb 2005, 23:53

Re: Nepravidelne obrazky na web

Príspevok od používateľa markus »

vola sa to maps a v starom dreamweavry(4) to fungovalo tak ze ked si do stranky vlozil obrazok a klikol na neho tak v spodnej liste sa objavili ikonky na tvorbu map
Numline1
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 858
Registrovaný: 04 dec 2006, 18:04

Re: Nepravidelne obrazky na web

Príspevok od používateľa Numline1 »

Preco si nevytvoris jednotlive organy (nepozeral som obrazok, takze neviem, co presne robis) ako PNG obrazky s priehladnym pozadim a jednoducho ich nenaukladas cez CSS s nejakym z-indexom alebo nejako inak (prioritne)? Podla mna by to bolo mozne.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa audiotrack »

Tak si to skús ;) V oblastiach kde by sa prekrývali "neviditeľné časti" narazíš na problém keď to má byť klikateľné. Keby ide iba o vyskladanie obrázku, nie je o čom. Ale ak to má byť interaktívne, treba to robiť ako mapu
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa weroro »

audiotrack napísal:Ale ak to má byť interaktívne, treba to robiť ako mapu
Alebo ako flash (o ktorom tu nepadla ani zmienka, takže ako rýchlo som prišiel, tak rýchlo aj odchádzam :) )
Kofan
Light Expert
Light Expert
Používateľov profilový obrázok
Príspevky: 67
Registrovaný: 06 okt 2010, 17:35

Re: Nepravidelne obrazky na web

Príspevok od používateľa Kofan »

na interaktívnu mapu je najlepší flash, súhlasím s werorom, kto to chce robiť inak, zbytočne si sťažuje život
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa fikotek »

harrison314
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 8224
Registrovaný: 27 máj 2009, 20:42
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Nepravidelne obrazky na web

Príspevok od používateľa harrison314 »

Napad: Nestacilo by mat spravenu obycajnu mapu a cez JS ( onmouseout a onmouseover ) menit celi obrazok pod nou ?
Pravdaze nevyhoda je ze musis nacitat vela obrazkov.

Dalsi napad je pouzit canvas, neviem ci to dokaze, len pred nedavnom som sa ich zacal ucit.

PS. Vasde by ste pchali ten Flash, nechapem preco, ked sa to da vyriesit casto dvojriadkovym JS.
Napísať odpoveď