Kirjoittaja Aihe: Pop-up ikkuna  (Luettu 5000 kertaa)

0 jäsentä ja 3 Vierasta katselee tätä aihetta.

Poissa arijoutsi

  • Käännösryhmä
  • *
  • Viestejä: 2062
  • Sukupuoli: Mies
Pop-up ikkuna
« : 13.03.2009 - klo:16:44 »
Pitää tehdä kuvasivu missä pikkukuvaa klikkaamalla aukeaa iso kuva. Mulla on vanha javascript koodi joka toimii kun teen sivun html:llä. Mutta nyt pitää tehdä css tyylillä ja laitoin tuon koodin div elementin sisään, mutta ei toimi. Toi css on mulle muutenkin hepreaa, mutta jotain olen kuitenkin oppinut. Pitääkö css tiedostoon lisätä jotain vai eikö scripti toimi tuon div elementin sisällä. Tai jos jollain on valmis "koodi" tuohon, niin sekin kelpaa.

Edit. Kuukkelia käytin, mutta tuli niin monimutkaista "koodia", että meni vasemmalta ohi hilseen ja lujaa ;)
HP Elite book, openSUSE Leap 15.2
Mac mini Catalina.
Puhelin, iPhone SE.

Poissa Rantarosvo

  • Jäsen
  • Viestejä: 1111
  • Sukupuoli: Mies
Vs: Pop-up ikkuna
« Vastaus #1 : 13.03.2009 - klo:23:00 »
Onks se CSS eri tiedostona vai upotettuna sivun koodiin?
JS:än pitää laittaa sivun koodin sekaa/perään.

Yks paikka mistä vois tieto löytyä ihan hakemalla on menthal27 foorumi

http://www.menthal27.net/keskustelu/index.php
Rosmo

"windows ajeluttaa sinua ympäriinsä; Linux antaa sinulle avaimet ja laittaa sinut kuskin istuimelle. On oma ongelmasi, jos et osaa ajaa."

Poissa arijoutsi

  • Käännösryhmä
  • *
  • Viestejä: 2062
  • Sukupuoli: Mies
Vs: Pop-up ikkuna
« Vastaus #2 : 14.03.2009 - klo:10:43 »
Css on oma tekstitiedosto. Tuo oma koodini on upotettuna koodin sekaan. Löysin sivun,
http://www.huddletogether.com/projects/lightbox2/#how
ja sieltä koodin jota kokeilin.
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1[/url]
Tuolla toimii, mutta pikkukuvaa en saa liitettyä. Tuossa image #1 kohdassa pitäisi olla pikkukuva. Nyt siinä on siis teksti ja tuolla kyllä toimii. Ongelma on ehkä siinä etten ymmärrä tuolla sivulla olevia ohjeita. Onko apuja.

HP Elite book, openSUSE Leap 15.2
Mac mini Catalina.
Puhelin, iPhone SE.

Poissa jkaija

  • Jäsen
  • Viestejä: 551
  • Sukupuoli: Mies
    • OtaNetti
Vs: Pop-up ikkuna
« Vastaus #3 : 14.03.2009 - klo:12:33 »
Ja olet laittanut tähän tyyliin ->
<a title="Optional caption." rel="lightbox" href="images/image-2.jpg">
<img width="100" height="40" alt="" src="images/thumb-2.jpg"/>
[/url]
HP Pavilion15-p076no, Tumbleweed 64bit Plasma
Asus Prime X570P, AMD Ryzen 5 3600, 32GT, GeForce RTX2080, Tumbleweed 64bit Plasma

Poissa arijoutsi

  • Käännösryhmä
  • *
  • Viestejä: 2062
  • Sukupuoli: Mies
Vs: Pop-up ikkuna
« Vastaus #4 : 14.03.2009 - klo:14:14 »
Ja olet laittanut tähän tyyliin ->
<a title="Optional caption." rel="lightbox" href="images/image-2.jpg">
<img width="100" height="40" alt="" src="images/thumb-2.jpg"/>
[/url]


Kiitos, näinhän se toimii ;) Muuten olen kyllä tuota java rimpsua vastaan, mutta sanoppa se taiteilijalle :D
HP Elite book, openSUSE Leap 15.2
Mac mini Catalina.
Puhelin, iPhone SE.