Ezt szeretném megcsinálni de....
Üdvözöllek benneteket !
Új tag vagyok és a saját weboldalam építgetése kapcsán elakadtam.
Nagyon kezdő html-es vagyok és még azt sem tudom, hogy mi fán terem a Java-sript, meg a CSS. Így hát menet közben tanulgatom a különféle nyelveket.
Ha esetleg megnézné valaki hozzáértő ennek a lentebbi oldalnak egy funkcióját és tudna valami HTML-be beépíthető rutinban segíteni annak igencsak tudnék örülni. Olyan dolgot szeretnék előállítani mint amit a alábbi oldalon látok, mikor a kurzorral ráállok a jobb oldalon levő fényképező ikonra és akkor azonnal kidob egy hozzátartozó képet. Hab a tortán, ha rá is kattintok az ikonra akkor ki is "merevíti" a képet......Bár elég lenne az is ha csak egy meghatározott pozícióban láthatnám a képet, a rákattintós rész nem kell.....
Szóval ez lenne az az oldal...kicsit görgesd lefelé és jobb oldalt ott lesznek a fényképező ikonok.
http://www.elektrolight.hu/alkat/integralt/A-ana-k.html
Segítségeteket köszönöm
■ Új tag vagyok és a saját weboldalam építgetése kapcsán elakadtam.
Nagyon kezdő html-es vagyok és még azt sem tudom, hogy mi fán terem a Java-sript, meg a CSS. Így hát menet közben tanulgatom a különféle nyelveket.
Ha esetleg megnézné valaki hozzáértő ennek a lentebbi oldalnak egy funkcióját és tudna valami HTML-be beépíthető rutinban segíteni annak igencsak tudnék örülni. Olyan dolgot szeretnék előállítani mint amit a alábbi oldalon látok, mikor a kurzorral ráállok a jobb oldalon levő fényképező ikonra és akkor azonnal kidob egy hozzátartozó képet. Hab a tortán, ha rá is kattintok az ikonra akkor ki is "merevíti" a képet......Bár elég lenne az is ha csak egy meghatározott pozícióban láthatnám a képet, a rákattintós rész nem kell.....
Szóval ez lenne az az oldal...kicsit görgesd lefelé és jobb oldalt ott lesznek a fényképező ikonok.
http://www.elektrolight.hu/alkat/integralt/A-ana-k.html
Segítségeteket köszönöm
JS + CSS
Helyezz el hivatkozásokat a megfelelő helyen a megjelenítendő képekre. Ezzel biztosítod, hogy JS nélkül is megtekinthetők legyenek. Aztán az oldal betöltődésekor menj végig ezeken, és adj meg egy onMouseOver eseményt, melynek kiváltásakor beszúrsz egy <img>-t mellé, mely értelemszerűen a képre hivatkozik. Ezt utána CSS-sel középre tudod igazítani.
Ilyenkor azonban be kell tölteni a képet, hogy addig is történjen valami, megadhatsz nekik egy animált hátteret, ami jelzi a töltést. Vagy a másik megoldás, hogy eleve beszúrod a képeket, elrejted CSS-sel, oldalbetöltéskor beszúrod a linkeket, amik fölé víve az egeret megjelennek, és ilyenkor a CSS-ből láthatóvá teszed őket.
A jQuery dokumentációban ismerkedj meg a kiválasztókkal, a ready(), a mouseover(), show(), hide(), class() (a formázást CSS-ben egy osztálynak add), after(), attr() tagfüggvényekkel. Ami a CSS-t illeti, a display és a position, left, top, right, bottom tulajdonságokra lesz szükséged.
kiegészítéskép
Én nem tanácsolnám a JS megoldást (neked még), mert előbb a HTML, CSS el ismerkedj össze, és utána jöhet a JS tanulás. (JS alapból sem a legkönnyebb téma)
HTML+CSS megoldást viszont könnyű megcsinálni. Kezdésként a HTML és CSS - Webszerkesztés stílusosan könyvet ajánlanám. Utána szerintem meg fogod tudni csinálni.
üdv,
Balázs
jQuery.after()
Nem kötözködésképpen, csak nekem majd egy órámba telt kideríteni, hogy miért nem működik az egyik scriptem (ez miatt :)). Remélhatőleg másnak ezzel nem kell majd szívnia!
Hát, mindenkinek minden jót!
script
De végül lett egy megoldás ami az elvártnak megfelelő....
Még igencsak béta változatos ,de jól mutatja a működést.
http://proba68.fw.hu/index-termekek-perselyek.html
Lightbox
Nem kell hozzá js tudás hogy használd, csak egy kis angol tudás.