Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
CSS ja popup
Anonyymi
13
462
Vastaukset
- Anonyymi
On mahdollista.
- Anonyymi
Hienoa. Seuraavaksi tarvisin jotain linkkiä mistä saa lisätietoa tai esimerkkiä...
- Anonyymi
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleft - Anonyymi
Anonyymi kirjoitti:
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleftEihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
- Anonyymi
Anonyymi kirjoitti:
Eihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
No mitä se aloittaja tarkoittaa, kerro tarkasti.
- Anonyymi
Anonyymi kirjoitti:
No mitä se aloittaja tarkoittaa, kerro tarkasti.
No lue se aloitus edes. Sitä vain vastaillaan eikä edes ymmärretä mitä aloittaja kysyy.
Ainakin silleen saa, että laittaa siihen päälle kaksi absoluuttista div:iä ja halutut hoverit niihin. Ja koko höskä pistettävä vielä jonkinnäköiseen containeriin, kun img:in sisälle ei vissiin voi laittaa mitään(?). Tässä esimerkki: https://jsfiddle.net/j61qzsa9/1/
- Anonyymi
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGL - Anonyymi
Anonyymi kirjoitti:
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGLAi niin, sinulla olikin yhdistettynä molemmat, no ei se sitten ole "Aikalailla sama".
- Anonyymi
Täälä sitä ruinataan neuvoja kusipääohjelmointiin. Minä puolestani olen yrittänyt epätoivoisesti etsiä selaimeen lisähärpäkettä CSS:llä tehtyjen vittumaisuuksien estoon.
- Anonyymi
Suotta kinaatte, ei se mihinkään johda. Kiitos kuitenkin kommeneteista, jokaisesta oli jotain hyötyä.
Minkkilaukun esimerkki toimi täydellisesti.
Suoraava idea olisi saada tuo hooverointi vaikuttamaan tuohon alkuperäiseen kuvaan. Vasemmalta hooveroitaessa kuva vaihtuu kesäiseksi ja oikealta talviseksi.
Nyt taisi jo tulla juttu jota ei hooveroimalla voi toteuttaa?Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.- Anonyymi
minkkilaukku kirjoitti:
Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.Näppärä kaveri, vaikka olen sitä minäkin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Perintovero 100 prosenttiin, työeläkkeet ja maataloustuet pois
Noilla eväillä lähden tasapainottamaan valtiontaloutta ja korjaamaan työntekijöiden palkkakuoppaa nostamatta työnantajie1495414Seksuuaalivinksataneiden toimintaa rahoitetaan valtion varoilla.
Setan toimintaa rahoitetaan valtionavustuksilla, joilla mm kierretään kouluissa haalimassa alaikäisiä mukaan perverssii614813Riikka runnoo: polttoöljyn hinta nousi maaliskuussa 40 prosenttia
Onko irvistelijällä sakset hävinneet, vai miksei osaa leikata polttoaineiden hintaa kansalaisten kukkarolle sopivalle ta333747Purra ryöväsi Marinin Itä.-Suomelle neuvottelemat EU-rahat
Perust vihaavat suomalaisia, mutta eritoten itäsuomalaisia. "Osa kaksikäyttörahoista on alun perin Itä- ja Pohjois-Suom133081Miksi persut hyökkäävät jatkuvasti henkilöitä päin?
Miksei persut yritä lainkaan korjata asioita, vaan koko ajan haukkuvat henkilöitä? Ei tuollaisilla turvanpieksäjillä ole483015Demariskandaali! Eveliina Heinäluoma (sdp) kahmii kaikki Hitas asunnot itselleen!
Heinäluoma on ostanut useita yhteiskunnan tukemia, hintasäännösteltyjä asuntoja itselleen! Ei ihme, että Hitas on ollut1492765Mökkejä ostellaan nyt ihan hulluna!
Tyypilliset lainamäärät on yli 500 000€ mökkejä ostellessa eli erityisesti tuollaiset miljoonamökit on nyt suomalaisten862613Demarien sanoin kuvaamaton ahneus - Eveliina Heinäluoma vain yksi esimerkki
Mutta näin se on demari-eliitissä aina ollut, käytännössä siis nämä eliittiin kuuluvat ovat puhtaasti porvareita - Marin692347Ranskan vasemmistojohtaja tunnustaa, että väestö on vaihtumassa
ja se on vaan hyvä asia hänen mielestään. Kyseessä siis Ranskan vasemmistojohtaja Jean-Luc Mélenchon jonka puheet järkyt641998Abdullah iski Citycenterin vessassa
Miksi näitä juttuja pitää lukea lähes päivittäin? https://www.hs.fi/helsinki/art-2000011913632.html1701876