openSUSEa suomeksi

openSUSE => Internet, tietoverkot ja viestintä => Aiheen aloitti: arijoutsi - 13.03.2009 - klo:16:44

Otsikko: Pop-up ikkuna
Kirjoitti: arijoutsi - 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 ;)
Otsikko: Vs: Pop-up ikkuna
Kirjoitti: Rantarosvo - 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
Otsikko: Vs: Pop-up ikkuna
Kirjoitti: arijoutsi - 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.

Otsikko: Vs: Pop-up ikkuna
Kirjoitti: jkaija - 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]
Otsikko: Vs: Pop-up ikkuna
Kirjoitti: arijoutsi - 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