Kirjoittaja Aihe: Page breakki keskusteluihin  (Luettu 2309 kertaa)

Poissa tonttu

  • Canario
  • ****
  • Viestejä: 939
    • Profiili
Page breakki keskusteluihin
« : Elokuu 04, 2009, 13:39:23 ip »
Olisiko tähän simppelimasiinaan helppo tehdä semmoinen Page break tyyppinen namiskuukkeli? Ongelmani on noiden kasvatuspäiväkirjojen venyminen. Mulla scrollisormi puutuu, kun noita aivan mahtavia kuvapäiväkirjoja selaa. Kuitenkin reippaammin kuvia latautuu aina jonniin aikaa. Minunkin päiväkirjaan ois kätevä, kun isomman kuvapäivityksen saisi omalle sivulleen.
Eiks oiski?

Poissa Chilivaari

  • FG Jigsaw
  • *****
  • Viestejä: 5774
    • Profiili
    • Chiliä ja sivuhuomioita
Vs: Page breakki keskusteluihin
« Vastaus #1 : Elokuu 04, 2009, 13:49:09 ip »
Ongelma taitaa olla, että sivun kokoon lasketaan vain tekstirivit, ei kuvia lainkaan. Siksi paljon kuvia sisältävän sivun loppuun on tuskallista kelata. Enpä tunne tekniikkaa niin paljon, että tietäisin, voiko vaikkapa kuvan korkeuden ottaa huomioon rivejä laskettaessa.
Kasvatuspäiväkirjani verkossa: http://chilivaari.blogspot.com/
Chilblogit Suomessa: http://chiliblogit.blogspot.fi

Poissa Kilp

  • Tabasco
  • ***
  • Viestejä: 338
    • Profiili
    • Vauhtipaprika - chiliblogi/päiväkirja
Vs: Page breakki keskusteluihin
« Vastaus #2 : Elokuu 04, 2009, 15:15:23 ip »
Yksi kompakti ratkaisu voisi olla seuraava lisäosa: http://custom.simplemachines.org/mods/index.php?mod=195

Tämä tietenkin vaatisi sitä että postaajat käyttäisivät ko. tagia piilottaakseen isoimmat kuvat ja tämähän onnistuisi ilman mitään modeja käyttämällä linkkejä tai thumbnaileja  ;D

Siihen ovatko pitkäksi venyvät sivut ongelma en ota kantaa...


EDIT/

Näyttäs että tuo modi ei ole yhteensopiva juuri sen version kanssa mitä tämä foorumi käyttää :-\ Vanhemmille ja uudemmille versioille kyllä näyttää löytyvän yhteensopivuutta...
« Viimeksi muokattu: Elokuu 04, 2009, 15:26:14 ip kirjoittanut Kilp »

Poissa tonttu

  • Canario
  • ****
  • Viestejä: 939
    • Profiili
Vs: Page breakki keskusteluihin
« Vastaus #3 : Elokuu 04, 2009, 15:33:48 ip »
Mielestäni nykyinen tapa on kyllä muuten hyvä. Itse laitan kuvapäivityksiin yhteen putkeen 800x600 kuvia ja juuri näin selaaminen on oikein mukavaa. Kunhan tuon kokonaispituuden saisi lyhkäisemmäksi, nyt jos joku kommentoi vaikka, että lisää salpietaria, niin parhaimmillaan pitää 80 kuvaa ensin selata, että tämän pääsee lukemaan. Ja juurikin, että nuo kuvat ovat suoraan saatavilla on ainakin meikäläisen mielestä oikein hyvä juttu. Saa olla tosi mielenkiintoinen kuva, jos ulkopuolelle linkkiä painan.

Poissa ottulo

  • Fatalii
  • *****
  • Viestejä: 1387
    • Profiili
Vs: Page breakki keskusteluihin
« Vastaus #4 : Elokuu 04, 2009, 17:28:53 ip »
Jos en ihan väärin ole ymmärtänyt, niin sivujen pituudet lasketaan viestien, ei tekstin mukaan.
Voin olla väärässäkin, kun en ole foorumeitten mekaniikkaa tarkemmin tutkinut.

Poissa Kilp

  • Tabasco
  • ***
  • Viestejä: 338
    • Profiili
    • Vauhtipaprika - chiliblogi/päiväkirja
Vs: Page breakki keskusteluihin
« Vastaus #5 : Elokuu 04, 2009, 17:51:43 ip »
Jos en ihan väärin ole ymmärtänyt, niin sivujen pituudet lasketaan viestien, ei tekstin mukaan.
Voin olla väärässäkin, kun en ole foorumeitten mekaniikkaa tarkemmin tutkinut.

Uskaltaisin väittää samaa, 15 postia per sivu riippumatta onko kyseessä siemenketjukirje (lyhyitä posteja), päiväkirja (enemmän tekstiä ja paljon kuvia) vai reseptejä sisältävä lanka (verrattaen paljon tekstiä per posti).

Poissa Rince

  • Aji Cristal
  • ***
  • Viestejä: 261
    • Profiili
    • http://nettikirjanpito.com
Vs: Page breakki keskusteluihin
« Vastaus #6 : Elokuu 05, 2009, 10:36:56 ap »
Kuvien pienentäminen CSS:llä ei ole vaikeaa.

Kuvatägit täytyy muuttaa muodosta:
<img src="jotain">

muotoon:
<a href="" class="pienennetty"><img src="jotain"></a>

Tuon tekeminen automaattisesti on aika helppoa.

Lisäksi sivun style-määreeseen lisätään:
<style>
a.pienennetty {
  display: block;
  max-height: 200px;
}
a.pienennetty img {
  max-height: 200px;
  max-width: auto;
}
a.pienennetty:hover img {
  max-height: 100%;
  max-width: 100%;
}
</style>

Tuo tekee sen, että kuvat pienenevät korkeintaan 200 pikseliä korkeiksi (säilyttäen oikeat mittasuhteet), ja kun viet hiiren osoittimen kuvan päälle saat esiin kuvan alkuperäisessä koossa.

Tässä näkyy hieman samantapainen toteutus, mutta siinä kuva on cropattu eikä pienennetty.

Poissa calm

  • Goat's Weed
  • ****
  • Viestejä: 802
    • Profiili
    • http://calm.iki.fi/chilit/
Vs: Page breakki keskusteluihin
« Vastaus #7 : Elokuu 05, 2009, 13:42:22 ip »
Kuvien pienentäminen CSS:llä ei ole vaikeaa.
  max-height: 200px;

Joko IE8 ymmärtää jotain max-height/width-määreiden päälle? Kaistankulutustahan tällä ei vähennä ja selaimien tekemät skaalaukset ovat edelleen järjestään karseita.

Poissa ottulo

  • Fatalii
  • *****
  • Viestejä: 1387
    • Profiili
Vs: Page breakki keskusteluihin
« Vastaus #8 : Elokuu 05, 2009, 17:24:37 ip »
Tuo Rincen esitys on ainakin mun mieleeni. Piti tuollaista jotain ehdottaa, mutta en tiennyt, miten sen selittäisi. Olisiko tuo mahdollista ottaa käyttöön, mitä sanoo admin?